Best Hotels in Oslo, Norway from 63US$/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="When planning a trip to Oslo one of the most significant aspects to consider is where to stay. The city offers a wide range of accommodations that cater"> <title>Best Hotels in Oslo, Norway from 63US$/night</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/en-us/oslo-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels in Oslo, Norway from 63US$/night" /> <meta property="og:url" content="https://touristvr.com/en-us/" /> <meta property="og:site_name" content="Virtual Tourist" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/oslo-hotels" title="English"> <link rel="alternate" hreflang="en-IE" type="text/html" href="https://touristvr.com/ie/oslo-hotels" title="English"> <link rel="alternate" hreflang="en-AU" type="text/html" href="https://touristvr.com/au/oslo-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/oslo-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/oslo-hotels" title="Deutsch"> <link rel="alternate" hreflang="de-AT" type="text/html" href="https://touristvr.com/at/oslo-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/oslo-hotels" title="Français"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/oslo-hoteles" title="Español"> <link rel="alternate" hreflang="es-MX" type="text/html" href="https://touristvr.com/mx/oslo-hoteles" title="Español"> <link rel="alternate" hreflang="es-AR" type="text/html" href="https://touristvr.com/ar/oslo-hoteles" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/oslo-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-NL" type="text/html" href="https://touristvr.com/nl/oslo-hotels" title="Nederlands"> <link rel="alternate" hreflang="nl-BE" type="text/html" href="https://touristvr.com/be/oslo-hotels" title="Nederlands"> <link rel="alternate" hreflang="br-BR" type="text/html" href="https://touristvr.com/br/oslo-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-Bby2Xo7-.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-Bby2Xo7-.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "326US$", "address": { "@type": "PostalAddress", "streetAddress": "Karl Johans Gate 31" }, "name": "Grand Hotel Oslo" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "139US$", "address": { "@type": "PostalAddress", "streetAddress": "Maridalsveien 13A" }, "name": "Scandic Vulkan" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "111US$", "address": { "@type": "PostalAddress", "streetAddress": "Ullveien 4" }, "name": "Voksenasen Hotell; Best Western Signature Collection" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "63US$", "address": { "@type": "PostalAddress", "streetAddress": "Grensen 19" }, "name": "P-Hotels Oslo" }, { "@type": "Hotel", "priceRange" : "170US$", "address": { "@type": "PostalAddress", "streetAddress": "2 Frydenlundgata" }, "name": "Frogner House" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "152US$", "address": { "@type": "PostalAddress", "streetAddress": "Radhusgata 7B" }, "name": "Thon Hotel Panorama" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "199US$", "address": { "@type": "PostalAddress", "streetAddress": "Storgaten 21-23" }, "name": "Clarion Collection Hotel Folketeateret" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "98US$", "address": { "@type": "PostalAddress", "streetAddress": "Fred Olsens Gate 11" }, "name": "Comfort Hotel Xpress Central Station" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "243US$", "address": { "@type": "PostalAddress", "streetAddress": "Sonja Henies Plass 3" }, "name": "Radisson Blu Plaza Hotel, Oslo" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "268US$", "address": { "@type": "PostalAddress", "streetAddress": "Sommerrogata 1" }, "name": "Sommerro" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "111US$", "address": { "@type": "PostalAddress", "streetAddress": "Prinsens Gate 6" }, "name": "Citybox Oslo" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "221US$", "address": { "@type": "PostalAddress", "streetAddress": "15 Dronning Eufemias Gate" }, "name": "Clarion Hotel Oslo" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "120US$", "address": { "@type": "PostalAddress", "streetAddress": "Voksenkollveien 60" }, "name": "Soria Moria Hotell" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "309US$", "address": { "@type": "PostalAddress", "streetAddress": "Stortingsgate 16" }, "name": "Hotel Christiania Teater" } ] } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E8BCN5M94B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E8BCN5M94B'); </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg "> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/en-us/" title="title" rel="home">Virtual Tourist</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> <div class="ml-14 md:ml-0 md:mr-5"> <div class="flex items-center gap-2.5 w-max cursor-pointer lang-dropdown-btn js-lang-modal-open"> <img class="w-6 shrink-0" src="https://touristvr.com/icons/flags/us.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/gb/oslo-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/ie/oslo-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/ie.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IE</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/au/oslo-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/au.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AU</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/de/oslo-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/de.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">DE</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/at/oslo-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/at.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AT</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/fr/oslo-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/fr.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">FR</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/es/oslo-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/es.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">ES</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/mx/oslo-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/ar/oslo-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/ar.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AR</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/it/oslo-hotel" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/it.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IT</span> <span class="text-secondary-950 text-base ">Italiano</span> </a> <a href="https://touristvr.com/nl/oslo-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/nl.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NL</span> <span class="text-secondary-950 text-base ">Nederlands</span> </a> <a href="https://touristvr.com/be/oslo-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/oslo-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> <style> @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .zoom-in-and-out { animation: zoomInOut 40s infinite alternate ease-in-out; } .mob-map-toggle-btn.show { .mob-map-toggle-btn-show { display: none; } .mob-map-toggle-btn-hide { display: flex; } } </style> <main class="trawell-post"> <div class="relative mb-8 "> <div class="absolute top-0 left-0 w-full h-full overflow-hidden"> <picture> <source srcset="https://images.touristvr.com/data/images/city/1920x1080/193.JPEG" media="(min-width: 767px)"> <img class="zoom-in-and-out object-cover z-[-2] md:h-[540px]" width="100%" height="100%" src="https://images.touristvr.com/data/images/city/450x450/193.JPEG" alt=""/> </picture> </div> <div class="relative flex items-center justify-center h-[540px]"> <div class="flex flex-col items-center justify-center p-3 rounded-md bg-black bg-opacity-20 md:h-full md:bg-opacity-10 md:rounded-none"> <h1 class="text-6xl text-white font-bold mb-2 px-5 text-center md:text-4xl">Oslo Hotels</h1> <p class="text-sm text-white font-medium mb-5 px-5 text-center md:text-xs">Not Just Any Hotel – Only the Best Oslo Hotels, Selected for You!</p> <div class="w-full min-w-[1000px] md:px-0 lg:min-w-0"> <div class="w-full border border-solid border-neutral-200 rounded-md shadow-2xl bg-white p-2"> <div class="js-clk-open" data-type="form"> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600 w-6 h-6" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <div class="text-base text-secondary-950">Oslo</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"> Apr 05, 2025 - Apr 06, 2025 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-500 text-white w-[150px] px-8 flex-shrink-0 h-14 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Find <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full px-9 pb-5 md:px-5 "> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/norway-hotels/'>Norway 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-oslo-county/'>Oslo County 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">Oslo Hotels</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap bg-[#77cd7d] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Up to $100</div> <div class="flex items-center h-10 text-nowrap bg-[#7bdfb5] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap bg-[#fed169] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">From $200</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Rating:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#77cd7d] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Excellent 9+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#7bdfb5] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Very good 8+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#fed169] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Good 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="clarion-hotel-oslo" data-bhotel-id="clarion-hotel-oslo" data-name = "Clarion Hotel Oslo" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/8892/889245/889245460.JPEG" data-lat="59.90784708" data-lng="10.75625291" data-price = "170US$" data-link = "https://touristvr.com/us/clarion-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="4109018" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8892/889245/889245460.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16457/1645702/1645702785.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16457/1645702/1645702793.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/8892/889245/889245460.JPEG" alt="" loading="lazy" data-bhotel-id="4109018" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (300)</span> </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/clarion-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Clarion Hotel Oslo</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">170US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4109018" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="radisson-blu-hotel-oslo-alna" data-bhotel-id="radisson-blu-hotel-oslo-alna" data-name = "Radisson Blu Hotel Oslo Alna" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/8892/889255/889255273.JPEG" data-lat="59.93009" data-lng="10.86917" data-price = "108US$" data-link = "https://touristvr.com/en-us/radisson-blu-hotel-oslo-alna" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="865962" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8892/889255/889255273.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11687/1168755/1168755157.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14482/1448277/1448277019.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/8892/889255/889255273.JPEG" alt="" loading="lazy" data-bhotel-id="865962" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (399)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/radisson-blu-hotel-oslo-alna" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Radisson Blu Hotel Oslo Alna</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="865962" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="radisson-blu-scandinavia-hotel-oslo" data-bhotel-id="radisson-blu-scandinavia-hotel-oslo" data-name = "Radisson Blu Scandinavia Hotel, Oslo" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/5753/575364/575364234.JPEG" data-lat="59.91865" data-lng="10.733796" data-price = "144US$" data-link = "https://touristvr.com/en-us/radisson-blu-scandinavia-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23776" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5753/575364/575364234.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15803/1580397/1580397507.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15803/1580397/1580397737.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/5753/575364/575364234.JPEG" alt="" loading="lazy" data-bhotel-id="23776" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2081)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/radisson-blu-scandinavia-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Radisson Blu Scandinavia Hotel, Oslo</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">144US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23776" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="clarion-hotel-the-hub" data-bhotel-id="clarion-hotel-the-hub" data-name = "Clarion Hotel The Hub" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12753/1275399/1275399742.JPEG" data-lat="59.912321" data-lng="10.750369" data-price = "188US$" data-link = "https://touristvr.com/us/clarion-hotel-the-hub-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23616" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12753/1275399/1275399742.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275402/1275402187.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16220/1622009/1622009275.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12753/1275399/1275399742.JPEG" alt="" loading="lazy" data-bhotel-id="23616" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1092)</span> </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/clarion-hotel-the-hub-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Clarion Hotel The Hub</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">188US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23616" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thon-hotel-cecil" data-bhotel-id="thon-hotel-cecil" data-name = "Thon Hotel Cecil" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7428/742825/742825918.JPEG" data-lat="59.91287" data-lng="10.737645" data-price = "161US$" data-link = "https://touristvr.com/en-us/thon-hotel-cecil-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23633" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7428/742825/742825918.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15425/1542557/1542557803.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15425/1542557/1542557716.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7428/742825/742825918.JPEG" alt="" loading="lazy" data-bhotel-id="23633" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (454)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/thon-hotel-cecil-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thon Hotel Cecil</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">161US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23633" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thon-hotel-spectrum" data-bhotel-id="thon-hotel-spectrum" data-name = "Thon Hotel Spectrum" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/4431/443156/443156079.JPEG" data-lat="59.91393" data-lng="10.75561" data-price = "124US$" data-link = "https://touristvr.com/en-us/thon-hotel-spectrum-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="175032" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/4431/443156/443156079.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11941/1194161/1194161683.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11941/1194159/1194159436.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/4431/443156/443156079.JPEG" alt="" loading="lazy" data-bhotel-id="175032" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (626)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/thon-hotel-spectrum-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thon Hotel Spectrum</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">124US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="175032" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="anker-hotel" data-bhotel-id="anker-hotel" data-name = "Anker Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13723/1372355/1372355102.JPEG" data-lat="59.917475" data-lng="10.758025" data-price = "75US$" data-link = "https://touristvr.com/en-us/anker-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23739" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13723/1372355/1372355102.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15369/1536940/1536940861.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14988/1498803/1498803799.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13723/1372355/1372355102.JPEG" alt="" loading="lazy" data-bhotel-id="23739" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (960)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/anker-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Anker Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">75US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23739" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thon-hotel-slottsparken" data-bhotel-id="thon-hotel-slottsparken" data-name = "Thon Hotel Slottsparken" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7058/705846/705846796.JPEG" data-lat="59.918495" data-lng="10.731815" data-price = "97US$" data-link = "https://touristvr.com/en-us/thon-hotel-slottsparken-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23605" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7058/705846/705846796.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15803/1580345/1580345517.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15803/1580345/1580345247.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7058/705846/705846796.JPEG" alt="" loading="lazy" data-bhotel-id="23605" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (488)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/thon-hotel-slottsparken-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thon Hotel Slottsparken</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">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="23605" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="comfort-hotel-xpress-central-station" data-bhotel-id="comfort-hotel-xpress-central-station" data-name = "Comfort Hotel Xpress Central Station" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15596/1559694/1559694658.JPEG" data-lat="59.91063" data-lng="10.74899" data-price = "80US$" data-link = "https://touristvr.com/us/comfort-hotel-xpress-central-station-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1129774" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15596/1559694/1559694658.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16168/1616893/1616893778.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16168/1616893/1616893786.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15596/1559694/1559694658.JPEG" alt="" loading="lazy" data-bhotel-id="1129774" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (320)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/comfort-hotel-xpress-central-station-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Comfort Hotel Xpress Central Station</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="1129774" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thon-hotel-astoria" data-bhotel-id="thon-hotel-astoria" data-name = "Thon Hotel Astoria" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12430/1243023/1243023523.JPEG" data-lat="59.91114" data-lng="10.74695" data-price = "119US$" data-link = "https://touristvr.com/en-us/thon-hotel-astoria-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23694" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12430/1243023/1243023523.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12430/1243018/1243018684.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12430/1243025/1243025575.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12430/1243023/1243023523.JPEG" alt="" loading="lazy" data-bhotel-id="23694" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1581)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/thon-hotel-astoria-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thon Hotel Astoria</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">119US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23694" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="comfort-hotel-grand-central" data-bhotel-id="comfort-hotel-grand-central" data-name = "Comfort Hotel Grand Central" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11014/1101489/1101489519.JPEG" data-lat="59.91085" data-lng="10.750592" data-price = "104US$" data-link = "https://touristvr.com/en-us/comfort-hotel-grand-central-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="362022" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11014/1101489/1101489519.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12321/1232108/1232108297.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12321/1232111/1232111483.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11014/1101489/1101489519.JPEG" alt="" loading="lazy" data-bhotel-id="362022" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (412)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/comfort-hotel-grand-central-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Comfort Hotel Grand Central</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">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="362022" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thon-hotel-rosenkrantz-oslo" data-bhotel-id="thon-hotel-rosenkrantz-oslo" data-name = "Thon Hotel Rosenkrantz Oslo" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15314/1531413/1531413352.JPEG" data-lat="59.915625" data-lng="10.740558" data-price = "152US$" data-link = "https://touristvr.com/en-us/thon-hotel-rosenkrantz-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23634" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15314/1531413/1531413352.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15314/1531413/1531413412.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15314/1531415/1531415296.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15314/1531413/1531413352.JPEG" alt="" loading="lazy" data-bhotel-id="23634" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (533)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/thon-hotel-rosenkrantz-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thon Hotel Rosenkrantz Oslo</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">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="23634" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-christiania-teater" data-bhotel-id="hotel-christiania-teater" data-name = "Hotel Christiania Teater" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15216/1521629/1521629275.JPEG" data-lat="59.913566" data-lng="10.73594" data-price = "201US$" data-link = "https://touristvr.com/us/hotel-christiania-teater-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="247550" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15216/1521629/1521629275.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15241/1524129/1524129763.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15241/1524130/1524130678.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15216/1521629/1521629275.JPEG" alt="" loading="lazy" data-bhotel-id="247550" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (322)</span> </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-christiania-teater-oslo" class="text-lg leading-6 text-secondary-950 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 Christiania Teater</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">201US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="247550" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotell-bondeheimen" data-bhotel-id="hotell-bondeheimen" data-name = "Hotell Bondeheimen" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/3024/302491/302491932.JPEG" data-lat="59.914668" data-lng="10.740028" data-price = "108US$" data-link = "https://touristvr.com/en-us/hotell-bondeheimen-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23600" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/3024/302491/302491932.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15802/1580289/1580289959.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15802/1580290/1580290069.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/3024/302491/302491932.JPEG" alt="" loading="lazy" data-bhotel-id="23600" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1038)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotell-bondeheimen-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotell Bondeheimen</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">108US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23600" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thon-hotel-opera" data-bhotel-id="thon-hotel-opera" data-name = "Thon Hotel Opera" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12753/1275375/1275375376.JPEG" data-lat="59.9095" data-lng="10.752399" data-price = "147US$" data-link = "https://touristvr.com/en-us/thon-hotel-opera-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23637" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12753/1275375/1275375376.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12753/1275374/1275374998.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12753/1275375/1275375058.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12753/1275375/1275375376.JPEG" alt="" loading="lazy" data-bhotel-id="23637" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (525)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/thon-hotel-opera-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thon Hotel Opera</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">147US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23637" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="lysebu-hotel" data-bhotel-id="lysebu-hotel" data-name = "Lysebu Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10146/1014638/1014638005.JPEG" data-lat="59.977596" data-lng="10.655818" data-price = "140US$" data-link = "https://touristvr.com/en-us/lysebu-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="243574" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10146/1014638/1014638005.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11617/1161772/1161772974.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11617/1161773/1161773316.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10146/1014638/1014638005.JPEG" alt="" loading="lazy" data-bhotel-id="243574" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (238)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/lysebu-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Lysebu 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">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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">140US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="243574" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="scandic-sjolyst" data-bhotel-id="scandic-sjolyst" data-name = "Scandic Sjolyst" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10761/1076163/1076163865.JPEG" data-lat="59.920236" data-lng="10.682393" data-price = "104US$" data-link = "https://touristvr.com/us/scandic-sjolyst-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="46040" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10761/1076163/1076163865.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15712/1571282/1571282915.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15712/1571282/1571282924.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10761/1076163/1076163865.JPEG" alt="" loading="lazy" data-bhotel-id="46040" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (373)</span> </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/scandic-sjolyst-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Scandic Sjolyst</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="46040" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="cochs-pensjonat" data-bhotel-id="cochs-pensjonat" data-name = "Cochs Pensjonat" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13420/1342039/1342039115.JPEG" data-lat="59.920603" data-lng="10.728167" data-price = "76US$" data-link = "https://touristvr.com/en-us/cochs-pensjonat-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="280862" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13420/1342039/1342039115.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15884/1588461/1588461465.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15884/1588461/1588461477.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13420/1342039/1342039115.JPEG" alt="" loading="lazy" data-bhotel-id="280862" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (569)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/cochs-pensjonat-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Cochs Pensjonat</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">76US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="280862" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="clarion-collection-hotel-savoy" data-bhotel-id="clarion-collection-hotel-savoy" data-name = "Clarion Collection Hotel Savoy" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7058/705893/705893926.JPEG" data-lat="59.9166" data-lng="10.73828" data-price = "110US$" data-link = "https://touristvr.com/en-us/home-hotel-savoy-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23619" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7058/705893/705893926.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16182/1618265/1618265590.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9086/908621/908621575.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7058/705893/705893926.JPEG" alt="" loading="lazy" data-bhotel-id="23619" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (499)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/home-hotel-savoy-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Clarion Collection Hotel Savoy</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">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="23619" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="soria-moria-hotell" data-bhotel-id="soria-moria-hotell" data-name = "Soria Moria Hotell" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6910/691074/691074975.JPEG" data-lat="59.97511" data-lng="10.65669" data-price = "131US$" data-link = "https://touristvr.com/us/soria-moria-hotell-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="399907" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6910/691074/691074975.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15448/1544805/1544805487.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15448/1544806/1544806813.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/6910/691074/691074975.JPEG" alt="" loading="lazy" data-bhotel-id="399907" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (346)</span> </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/soria-moria-hotell-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Soria Moria Hotell</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.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 ">131US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="399907" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="karl-johan-hotel" data-bhotel-id="karl-johan-hotel" data-name = "Karl Johan Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13704/1370425/1370425826.JPEG" data-lat="59.9138454623165" data-lng="10.738685131073" data-price = "190US$" data-link = "https://touristvr.com/en-us/karl-johan-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23704" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13704/1370425/1370425826.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16174/1617457/1617457576.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16174/1617457/1617457578.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13704/1370425/1370425826.JPEG" alt="" loading="lazy" data-bhotel-id="23704" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (973)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/karl-johan-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Karl Johan Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">190US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23704" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="radisson-blu-hotel-nydalen-oslo" data-bhotel-id="radisson-blu-hotel-nydalen-oslo" data-name = "Radisson Blu Hotel Nydalen, Oslo" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7059/705977/705977650.JPEG" data-lat="59.94889" data-lng="10.766425" data-price = "105US$" data-link = "https://touristvr.com/us/radisson-blu-hotel-nydalen-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23775" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7059/705977/705977650.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12603/1260301/1260301885.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12603/1260334/1260334273.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7059/705977/705977650.JPEG" alt="" loading="lazy" data-bhotel-id="23775" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (727)</span> </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/radisson-blu-hotel-nydalen-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Radisson Blu Hotel Nydalen, Oslo</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">105US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23775" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="scandic-helsfyr" data-bhotel-id="scandic-helsfyr" data-name = "Scandic Helsfyr" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10282/1028296/1028296540.JPEG" data-lat="59.91585" data-lng="10.80448" data-price = "104US$" data-link = "https://touristvr.com/us/scandic-helsfyr-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="47734" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10282/1028296/1028296540.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15804/1580412/1580412591.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15804/1580412/1580412635.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10282/1028296/1028296540.JPEG" alt="" loading="lazy" data-bhotel-id="47734" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (354)</span> </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/scandic-helsfyr-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Scandic Helsfyr</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="47734" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="clarion-collection-hotel-bastion" data-bhotel-id="clarion-collection-hotel-bastion" data-name = "Clarion Collection Hotel Bastion" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12752/1275299/1275299653.JPEG" data-lat="59.9082" data-lng="10.7454" data-price = "115US$" data-link = "https://touristvr.com/us/clarion-collection-hotel-bastion-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23617" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12752/1275299/1275299653.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16456/1645649/1645649660.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13886/1388631/1388631779.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12752/1275299/1275299653.JPEG" alt="" loading="lazy" data-bhotel-id="23617" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (614)</span> </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/clarion-collection-hotel-bastion-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Clarion Collection Hotel Bastion</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">115US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23617" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="first-hotel-millennium" data-bhotel-id="first-hotel-millennium" data-name = "First Hotel Millennium" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14342/1434278/1434278659.JPEG" data-lat="59.9113202152998" data-lng="10.7411956787109" data-price = "113US$" data-link = "https://touristvr.com/us/first-hotel-millennium-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23602" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14342/1434278/1434278659.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15441/1544147/1544147692.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15766/1576689/1576689128.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14342/1434278/1434278659.JPEG" alt="" loading="lazy" data-bhotel-id="23602" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1120)</span> </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/first-hotel-millennium-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">First Hotel Millennium</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">113US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23602" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="scandic-oslo-city" data-bhotel-id="scandic-oslo-city" data-name = "Scandic Oslo City" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/10761/1076169/1076169379.JPEG" data-lat="59.911999" data-lng="10.74927" data-price = "159US$" data-link = "https://touristvr.com/us/scandic-oslo-city-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23686" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10761/1076169/1076169379.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15801/1580149/1580149084.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15801/1580149/1580149088.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10761/1076169/1076169379.JPEG" alt="" loading="lazy" data-bhotel-id="23686" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (533)</span> </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/scandic-oslo-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">Scandic Oslo 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">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="23686" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="amerikalinjen" data-bhotel-id="amerikalinjen" data-name = "Amerikalinjen" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12956/1295671/1295671141.JPEG" data-lat="59.91071" data-lng="10.749745" data-price = "291US$" data-link = "https://touristvr.com/us/amerikalinjen-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="4217297" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12956/1295671/1295671141.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15847/1584751/1584751297.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15847/1584751/1584751300.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12956/1295671/1295671141.JPEG" alt="" loading="lazy" data-bhotel-id="4217297" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/amerikalinjen-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Amerikalinjen</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">291US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4217297" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="camillas-hus" data-bhotel-id="camillas-hus" data-name = "Camillas Hus" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6468/646813/646813821.JPEG" data-lat="59.92025" data-lng="10.72729" data-price = "206US$" data-link = "https://touristvr.com/us/camillas-hus-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1670707" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6468/646813/646813821.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6468/646820/646820496.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6468/646813/646813323.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/6468/646813/646813821.JPEG" alt="" loading="lazy" data-bhotel-id="1670707" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (155)</span> </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/camillas-hus-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Camillas Hus</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">206US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1670707" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thon-hotel-panorama" data-bhotel-id="thon-hotel-panorama" data-name = "Thon Hotel Panorama" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12102/1210291/1210291261.JPEG" data-lat="59.9091901451493" data-lng="10.7441970705986" data-price = "152US$" data-link = "https://touristvr.com/us/thon-hotel-panorama-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23730" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12102/1210291/1210291261.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10180/1018080/1018080760.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10145/1014515/1014515398.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12102/1210291/1210291261.JPEG" alt="" loading="lazy" data-bhotel-id="23730" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (292)</span> </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/thon-hotel-panorama-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thon Hotel Panorama</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">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="23730" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="scandic-vulkan" data-bhotel-id="scandic-vulkan" data-name = "Scandic Vulkan" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12755/1275525/1275525562.JPEG" data-lat="59.92225492867337" data-lng="10.751013923942487" data-price = "136US$" data-link = "https://touristvr.com/us/scandic-vulkan-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="298613" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275525/1275525562.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15747/1574718/1574718680.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15747/1574718/1574718719.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12755/1275525/1275525562.JPEG" alt="" loading="lazy" data-bhotel-id="298613" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (361)</span> </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/scandic-vulkan-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Scandic Vulkan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">136US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="298613" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="scandic-victoria" data-bhotel-id="scandic-victoria" data-name = "Scandic Victoria" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16005/1600562/1600562821.JPEG" data-lat="59.912485" data-lng="10.737063" data-price = "81US$" data-link = "https://touristvr.com/en-us/scandic-victoria-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="47854" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16005/1600562/1600562821.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16005/1600562/1600562822.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16005/1600562/1600562825.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16005/1600562/1600562821.JPEG" alt="" loading="lazy" data-bhotel-id="47854" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (818)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/scandic-victoria-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Scandic 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">81US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="47854" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="scandic-grensen" data-bhotel-id="scandic-grensen" data-name = "Scandic Grensen" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12802/1280230/1280230513.JPEG" data-lat="59.91436" data-lng="10.74168" data-price = "93US$" data-link = "https://touristvr.com/us/scandic-grensen-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="237306" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12802/1280230/1280230513.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12802/1280230/1280230582.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12802/1280230/1280230624.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12802/1280230/1280230513.JPEG" alt="" loading="lazy" data-bhotel-id="237306" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (468)</span> </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/scandic-grensen-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Scandic Grensen</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">93US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="237306" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="clarion-collection-hotel-folketeateret" data-bhotel-id="clarion-collection-hotel-folketeateret" data-name = "Clarion Collection Hotel Folketeateret" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/4484/448454/448454541.JPEG" data-lat="59.913804" data-lng="10.750748" data-price = "199US$" data-link = "https://touristvr.com/en-us/home-hotel-folketeateret-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="175049" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/4484/448454/448454541.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12786/1278602/1278602185.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16456/1645655/1645655129.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/4484/448454/448454541.JPEG" alt="" loading="lazy" data-bhotel-id="175049" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (683)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/home-hotel-folketeateret-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Clarion Collection Hotel Folketeateret</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">199US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="175049" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="att-i-kvadraturen" data-bhotel-id="att-i-kvadraturen" data-name = "Att I Kvadraturen" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16134/1613482/1613482356.JPEG" data-lat="59.90950012" data-lng="10.74084282" data-price = "143US$" data-link = "https://touristvr.com/us/att-i-kvadraturen-aparthotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="8541721" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16134/1613482/1613482356.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16134/1613482/1613482316.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16134/1613482/1613482317.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16134/1613482/1613482356.JPEG" alt="" loading="lazy" data-bhotel-id="8541721" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/att-i-kvadraturen-aparthotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Att I Kvadraturen</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">143US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8541721" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="olympiatoppen-sportshotel-scandic-partner" data-bhotel-id="olympiatoppen-sportshotel-scandic-partner" data-name = "Olympiatoppen Sportshotel - Scandic Partner" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10040/1004095/1004095083.JPEG" data-lat="59.9684261661995" data-lng="10.7318053245544" data-price = "103US$" data-link = "https://touristvr.com/us/olympiatoppen-sportshotel-scandic-partner-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="358179" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10040/1004095/1004095083.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13277/1327754/1327754318.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15801/1580182/1580182246.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10040/1004095/1004095083.JPEG" alt="" loading="lazy" data-bhotel-id="358179" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (222)</span> </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/olympiatoppen-sportshotel-scandic-partner-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Olympiatoppen Sportshotel - Scandic Partner</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">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="358179" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="comfort-hotel-borsparken" data-bhotel-id="comfort-hotel-borsparken" data-name = "Comfort Hotel Borsparken" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/7058/705847/705847819.JPEG" data-lat="59.909495" data-lng="10.747384" data-price = "91US$" data-link = "https://touristvr.com/us/comfort-hotel-borsparken-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23623" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7058/705847/705847819.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16293/1629391/1629391626.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12692/1269265/1269265288.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7058/705847/705847819.JPEG" alt="" loading="lazy" data-bhotel-id="23623" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2073)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/comfort-hotel-borsparken-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Comfort Hotel Borsparken</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">91US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23623" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thon-hotel-gyldenlove" data-bhotel-id="thon-hotel-gyldenlove" data-name = "Thon Hotel Gyldenlove" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5030/503075/503075016.JPEG" data-lat="59.925256" data-lng="10.722625" data-price = "161US$" data-link = "https://touristvr.com/us/thon-hotel-gyldenlove-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23636" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5030/503075/503075016.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6955/695545/695545647.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13385/1338522/1338522941.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/5030/503075/503075016.JPEG" alt="" loading="lazy" data-bhotel-id="23636" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (437)</span> </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/thon-hotel-gyldenlove-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thon Hotel Gyldenlove</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">161US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23636" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thon-hotel-terminus" data-bhotel-id="thon-hotel-terminus" data-name = "Thon Hotel Terminus" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/3205/320502/320502461.JPEG" data-lat="59.91331" data-lng="10.75293" data-price = "182US$" data-link = "https://touristvr.com/us/thon-hotel-terminus-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23635" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/3205/320502/320502461.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12753/1275363/1275363613.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16005/1600559/1600559052.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/3205/320502/320502461.JPEG" alt="" loading="lazy" data-bhotel-id="23635" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (461)</span> </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/thon-hotel-terminus-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thon Hotel Terminus</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">182US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23635" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="scandic-byporten" data-bhotel-id="scandic-byporten" data-name = "Scandic Byporten" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/15460/1546031/1546031317.JPEG" data-lat="59.911976" data-lng="10.751152" data-price = "117US$" data-link = "https://touristvr.com/us/scandic-byporten-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23764" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15460/1546031/1546031317.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16005/1600561/1600561734.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16005/1600561/1600561735.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15460/1546031/1546031317.JPEG" alt="" loading="lazy" data-bhotel-id="23764" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1058)</span> </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/scandic-byporten-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Scandic Byporten</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">117US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23764" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="scandic-solli" data-bhotel-id="scandic-solli" data-name = "Scandic Solli" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5753/575360/575360721.JPEG" data-lat="59.913902" data-lng="10.721057" data-price = "132US$" data-link = "https://touristvr.com/us/scandic-solli-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23763" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5753/575360/575360721.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15391/1539113/1539113230.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15391/1539114/1539114004.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/5753/575360/575360721.JPEG" alt="" loading="lazy" data-bhotel-id="23763" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (540)</span> </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/scandic-solli-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Scandic Solli</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">132US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23763" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="park-inn-by-radisson-oslo" data-bhotel-id="park-inn-by-radisson-oslo" data-name = "Park Inn By Radisson Oslo" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/16367/1636742/1636742447.JPEG" data-lat="59.911116" data-lng="10.740649" data-price = "82US$" data-link = "https://touristvr.com/en-us/park-inn-by-radisson-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="175109" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16367/1636742/1636742447.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16444/1644408/1644408878.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16444/1644408/1644408879.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16367/1636742/1636742447.JPEG" alt="" loading="lazy" data-bhotel-id="175109" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1329)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/park-inn-by-radisson-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Park Inn By Radisson Oslo</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">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="175109" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="forenom-serviced-apartments-oslo-royal-park" data-bhotel-id="forenom-serviced-apartments-oslo-royal-park" data-name = "Forenom Serviced Apartments Oslo Royal Park" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/679/67971/67971929.JPEG" data-lat="59.91962" data-lng="10.73269" data-price = "102US$" data-link = "https://touristvr.com/us/forenom-serviced-apartments-oslo-royal-park" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="240617" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/679/67971/67971929.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15804/1580462/1580462067.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8726/872634/872634989.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/679/67971/67971929.JPEG" alt="" loading="lazy" data-bhotel-id="240617" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (201)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/forenom-serviced-apartments-oslo-royal-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Forenom Serviced Apartments Oslo Royal Park</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">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="240617" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="smarthotel-oslo" data-bhotel-id="smarthotel-oslo" data-name = "Smarthotel Oslo" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/2551/255154/255154317.JPEG" data-lat="59.917782" data-lng="10.73684" data-price = "76US$" data-link = "https://touristvr.com/us/smarthotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="540114" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/2551/255154/255154317.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16097/1609731/1609731257.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16097/1609731/1609731273.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/2551/255154/255154317.JPEG" alt="" loading="lazy" data-bhotel-id="540114" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (655)</span> </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/smarthotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Smarthotel Oslo</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">76US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="540114" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="p-hotels-oslo" data-bhotel-id="p-hotels-oslo" data-name = "P-Hotels Oslo" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14988/1498836/1498836736.JPEG" data-lat="59.9102" data-lng="10.7472" data-price = "63US$" data-link = "https://touristvr.com/en-us/one-bedroom-apartment-in-oslo-skippergaten-19" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23769" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14988/1498836/1498836736.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14988/1498836/1498836445.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14988/1498836/1498836484.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14988/1498836/1498836736.JPEG" alt="" loading="lazy" data-bhotel-id="23769" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1128)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/one-bedroom-apartment-in-oslo-skippergaten-19" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">P-Hotels Oslo</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">63US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23769" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="comfort-hotel-xpress-youngstorget" data-bhotel-id="comfort-hotel-xpress-youngstorget" data-name = "Comfort Hotel Xpress Youngstorget" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12319/1231991/1231991564.JPEG" data-lat="59.91643" data-lng="10.7493925" data-price = "81US$" data-link = "https://touristvr.com/us/comfort-hotel-xpress-youngstorget-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="246502" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12319/1231991/1231991564.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15892/1589212/1589212282.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15894/1589444/1589444815.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12319/1231991/1231991564.JPEG" alt="" loading="lazy" data-bhotel-id="246502" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1583)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/comfort-hotel-xpress-youngstorget-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Comfort Hotel Xpress Youngstorget</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">81US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="246502" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="mediinn-hotel-oslo" data-bhotel-id="mediinn-hotel-oslo" data-name = "Mediinn Hotel Oslo" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9172/917233/917233828.JPEG" data-lat="59.916994" data-lng="10.74178" data-price = "115US$" data-link = "https://touristvr.com/us/mediinn-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23800" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9172/917233/917233828.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15836/1583653/1583653934.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15844/1584412/1584412122.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/9172/917233/917233828.JPEG" alt="" loading="lazy" data-bhotel-id="23800" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (724)</span> </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/mediinn-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Mediinn Hotel Oslo</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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="23800" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-montebello" data-bhotel-id="hotel-montebello" data-name = "Hotel Montebello" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/2627/262758/262758821.JPEG" data-lat="59.93201404530432" data-lng="10.660783052444458" data-price = "96US$" data-link = "https://touristvr.com/us/hotel-montebello-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="175122" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/2627/262758/262758821.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9615/961530/961530652.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9615/961531/961531453.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/2627/262758/262758821.JPEG" alt="" loading="lazy" data-bhotel-id="175122" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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-montebello-oslo" class="text-lg leading-6 text-secondary-950 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 Montebello</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="175122" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="frogner-house-nationaltheatret" data-bhotel-id="frogner-house-nationaltheatret" data-name = "Frogner House - Nationaltheatret" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13808/1380880/1380880166.JPEG" data-lat="59.914833" data-lng="10.726892" data-price = "104US$" data-link = "https://touristvr.com/us/frogner-house-nationaltheatret-apartment-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1103138" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13808/1380880/1380880166.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13757/1375737/1375737686.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7995/799566/799566486.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13808/1380880/1380880166.JPEG" alt="" loading="lazy" data-bhotel-id="1103138" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (188)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/frogner-house-nationaltheatret-apartment-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Frogner House - Nationaltheatret</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">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="1103138" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-bristol" data-bhotel-id="hotel-bristol" data-name = "Hotel Bristol" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/9679/967977/967977193.JPEG" data-lat="59.915104" data-lng="10.739638" data-price = "180US$" data-link = "https://touristvr.com/en-us/hotel-bristol-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23599" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9679/967977/967977193.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16197/1619757/1619757674.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16197/1619757/1619757705.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/9679/967977/967977193.JPEG" alt="" loading="lazy" data-bhotel-id="23599" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (668)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-bristol-oslo" class="text-lg leading-6 text-secondary-950 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 Bristol</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">180US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23599" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="frogner-house-vika" data-bhotel-id="frogner-house-vika" data-name = "Frogner House - Vika" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12170/1217003/1217003947.JPEG" data-lat="59.91349" data-lng="10.72372" data-price = "120US$" data-link = "https://touristvr.com/us/frogner-house-vika-apartment-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1986972" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12170/1217003/1217003947.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14034/1403481/1403481767.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14034/1403481/1403481776.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12170/1217003/1217003947.JPEG" alt="" loading="lazy" data-bhotel-id="1986972" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (103)</span> </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/frogner-house-vika-apartment-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Frogner House - Vika</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="1986972" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="scandic-holmenkollen-park" data-bhotel-id="scandic-holmenkollen-park" data-name = "Scandic Holmenkollen Park" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12754/1275428/1275428128.JPEG" data-lat="59.962482" data-lng="10.663007" data-price = "151US$" data-link = "https://touristvr.com/us/scandic-holmenkollen-park-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="175044" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275428/1275428128.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15465/1546575/1546575937.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15767/1576705/1576705796.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12754/1275428/1275428128.JPEG" alt="" loading="lazy" data-bhotel-id="175044" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (961)</span> </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/scandic-holmenkollen-park-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Scandic Holmenkollen Park</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.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 ">151US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="175044" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sommerro" data-bhotel-id="sommerro" data-name = "Sommerro" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15451/1545190/1545190108.JPEG" data-lat="59.91539" data-lng="10.72072" data-price = "280US$" data-link = "https://touristvr.com/en-us/sommerro-hotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="7859838" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15451/1545190/1545190108.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15451/1545190/1545190162.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15451/1545190/1545190120.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15451/1545190/1545190108.JPEG" alt="" loading="lazy" data-bhotel-id="7859838" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (114)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/sommerro-hotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sommerro</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.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 ">280US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7859838" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hi-oslo-haraldsheim" data-bhotel-id="hi-oslo-haraldsheim" data-name = "Hi Oslo Haraldsheim" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13121/1312128/1312128526.JPEG" data-lat="59.9409582" data-lng="10.7888317" data-price = "48US$" data-link = "https://touristvr.com/us/hi-oslo-haraldsheim-hostel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="343353" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13121/1312128/1312128526.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15371/1537109/1537109635.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15371/1537114/1537114321.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13121/1312128/1312128526.JPEG" alt="" loading="lazy" data-bhotel-id="343353" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (197)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hi-oslo-haraldsheim-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">Hi Oslo Haraldsheim</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">48US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="343353" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="saga-apartments-oslo" data-bhotel-id="saga-apartments-oslo" data-name = "Saga Apartments Oslo" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7127/712724/712724185.JPEG" data-lat="59.9249" data-lng="10.72049" data-price = "162US$" data-link = "https://touristvr.com/us/saga-apartments-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1093856" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7127/712724/712724185.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15808/1580807/1580807065.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16134/1613430/1613430570.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7127/712724/712724185.JPEG" alt="" loading="lazy" data-bhotel-id="1093856" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/saga-apartments-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Saga Apartments Oslo</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="1093856" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="forenom-aparthotel-oslo" data-bhotel-id="forenom-aparthotel-oslo" data-name = "Forenom Aparthotel Oslo" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16206/1620618/1620618921.JPEG" data-lat="59.91379" data-lng="10.75987" data-price = "102US$" data-link = "https://touristvr.com/us/forenom-aparthotel-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="3359803" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16206/1620618/1620618921.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16206/1620618/1620618919.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16206/1620618/1620618920.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16206/1620618/1620618921.JPEG" alt="" loading="lazy" data-bhotel-id="3359803" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (288)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/forenom-aparthotel-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Forenom Aparthotel Oslo</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">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="3359803" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-oslo-guldsmeden" data-bhotel-id="hotel-oslo-guldsmeden" data-name = "Hotel Oslo Guldsmeden" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16272/1627209/1627209954.JPEG" data-lat="59.912303" data-lng="10.719163" data-price = "115US$" data-link = "https://touristvr.com/en-us/hotel-oslo-guldsmeden" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="277819" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16272/1627209/1627209954.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16272/1627210/1627210203.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16272/1627209/1627209940.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16272/1627209/1627209954.JPEG" alt="" loading="lazy" data-bhotel-id="277819" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (993)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-oslo-guldsmeden" class="text-lg leading-6 text-secondary-950 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 Oslo Guldsmeden</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="277819" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="studio-apartment" data-bhotel-id="studio-apartment" data-name = "Studio Apartment" data-rating = "" data-rating-label = "" data-img = "https://images.touristvr.com/data/images/450x450w/15018/1501871/1501871587.JPEG" data-lat="59.94182" data-lng="10.77543" data-price = "130US$" data-link = "https://touristvr.com/us/studio-apartment-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="10868754" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15018/1501871/1501871587.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15018/1501871/1501871689.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15018/1501871/1501871911.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15018/1501871/1501871587.JPEG" alt="" loading="lazy" data-bhotel-id="10868754" data-type="photo" data-open-passive> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/studio-apartment-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Studio Apartment</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">130US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="10868754" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="thon-hotel-europa" data-bhotel-id="thon-hotel-europa" data-name = "Thon Hotel Europa" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/15799/1579982/1579982627.JPEG" data-lat="59.91793" data-lng="10.734898" data-price = "143US$" data-link = "https://touristvr.com/en-us/thon-hotel-europa-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23518" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15799/1579982/1579982627.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/1506/150622/150622246.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15799/1579982/1579982594.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15799/1579982/1579982627.JPEG" alt="" loading="lazy" data-bhotel-id="23518" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (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/en-us/thon-hotel-europa-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Thon Hotel Europa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">143US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="23518" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="bjorvika-apartments-teaterplassen-oslo-city-center" data-bhotel-id="bjorvika-apartments-teaterplassen-oslo-city-center" data-name = "Bjorvika Apartments, Teaterplassen, Oslo City Center" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11195/1119580/1119580701.JPEG" data-lat="59.91036" data-lng="10.76452" data-price = "92US$" data-link = "https://touristvr.com/en-us/bjorvika-apartments-teaterplassen-oslo-city-center" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="251236" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11195/1119580/1119580701.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15885/1588567/1588567674.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15890/1589087/1589087641.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11195/1119580/1119580701.JPEG" alt="" loading="lazy" data-bhotel-id="251236" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (446)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/bjorvika-apartments-teaterplassen-oslo-city-center" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Bjorvika Apartments, Teaterplassen, Oslo City Center</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">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="251236" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="first-hotel-grims-grenka" data-bhotel-id="first-hotel-grims-grenka" data-name = "First Hotel Grims Grenka" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7388/738880/738880000.JPEG" data-lat="59.9094" data-lng="10.74104" data-price = "101US$" data-link = "https://touristvr.com/en-us/first-hotel-grims-grenka-oslo" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="23603" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7388/738880/738880000.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9806/980692/980692696.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9768/976858/976858462.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7388/738880/738880000.JPEG" alt="" loading="lazy" data-bhotel-id="23603" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/en-us/first-hotel-grims-grenka-oslo" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">First Hotel Grims Grenka</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">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="23603" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } .mapboxgl-popup { .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { background: initial; padding: 0; border-radius: initial; box-shadow: initial } } .map.show{ display: block } </style> <div class="map sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden bg-white md:hidden md:fixed md:left-0 md:z-20 md:rounded-none js-map" > <div class="w-full h-dvh" id="mapbox" data-lat="59.913724112321" data-lng="10.739450231194"></div> <button class="hidden absolute top-2.5 left-2.5 bg-white p-2.5 rounded-md shadow-md md:block js-map-close"> <svg class="w-4 h-4 fill-black" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </button> <template id="marker-template" > <div data-marker class="marker text-white font-medium text-sm bg-secondary-950 rounded-full px-2.5 py-1 border border-white border-solid cursor-pointer transition-colors"></div> </template> <template id="popup-template"> <a data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 cursor-default shadow-md md:w-[300px]"> <img data-popup-img class="h-[120px] w-[90px] object-cover rounded-lg" src="" alt="" loading="lazy"> <div class="flex flex-col overflow-hidden"> <p data-popup-title class="text-base text-secondary-950 font-bold overflow-hidden mb-1 whitespace-nowrap text-ellipsis"></p> <div class="flex items-center gap-1 mb-4"> <div data-popup-rating class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"></div> <p data data-popup-rating-label class="marker-card__rating-label text-xs text-secondary-950 font-normal"></p> </div> <div class="mt-auto"> <p class="text-neutral-600 text-xs">From</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </a> </template> </div> </div> </div> <button class="mob-map-toggle-btn hidden fixed left-1/2 -translate-x-1/2 bottom-5 px-4 py-3 rounded-lg bg-secondary-950 text-white text-base font-semibold z-20 md:block js-map-toggle"> <div class="mob-map-toggle-btn-show flex items-center gap-1"> <svg class="fill-white w-5 h-5" width="16" height="16" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> <path d="M10.4333 14.7734C10.1466 14.7734 9.85994 14.7134 9.62661 14.6001L6.12661 12.8468C5.92661 12.7468 5.53328 12.7534 5.33994 12.8668L3.76661 13.7668C3.08661 14.1534 2.38661 14.2068 1.85994 13.8934C1.32661 13.5868 1.02661 12.9601 1.02661 12.1734V5.69344C1.02661 5.08677 1.42661 4.4001 1.95328 4.1001L4.83994 2.44677C5.32661 2.16677 6.06661 2.14677 6.56661 2.4001L10.0666 4.15344C10.2666 4.25344 10.6533 4.2401 10.8533 4.13344L12.4199 3.2401C13.0999 2.85344 13.7999 2.8001 14.3266 3.11344C14.8599 3.4201 15.1599 4.04677 15.1599 4.83344V11.3201C15.1599 11.9268 14.7599 12.6134 14.2333 12.9134L11.3466 14.5668C11.0933 14.7001 10.7599 14.7734 10.4333 14.7734ZM5.75994 11.7801C6.04661 11.7801 6.33328 11.8401 6.56661 11.9534L10.0666 13.7068C10.2666 13.8068 10.6533 13.7934 10.8533 13.6868L13.7399 12.0334C13.9533 11.9134 14.1599 11.5534 14.1599 11.3134V4.82677C14.1599 4.40677 14.0399 4.09344 13.8199 3.97344C13.6066 3.85344 13.2733 3.9001 12.9133 4.10677L11.3466 5.0001C10.8599 5.2801 10.1199 5.3001 9.61995 5.04677L6.11995 3.29344C5.91995 3.19344 5.53328 3.20677 5.33328 3.31344L2.44661 4.96677C2.23328 5.08677 2.02661 5.44677 2.02661 5.69344V12.1801C2.02661 12.6001 2.14661 12.9134 2.35994 13.0334C2.57328 13.1601 2.90661 13.1068 3.27328 12.9001L4.83994 12.0068C5.09995 11.8534 5.43328 11.7801 5.75994 11.7801Z" /> <path d="M5.70679 12.3334C5.43345 12.3334 5.20679 12.1067 5.20679 11.8334V3.16675C5.20679 2.89341 5.43345 2.66675 5.70679 2.66675C5.98012 2.66675 6.20679 2.89341 6.20679 3.16675V11.8334C6.20679 12.1067 5.98012 12.3334 5.70679 12.3334Z" /> <path d="M10.4866 14.3333C10.2132 14.3333 9.98657 14.1067 9.98657 13.8333V4.91333C9.98657 4.64 10.2132 4.41333 10.4866 4.41333C10.7599 4.41333 10.9866 4.64 10.9866 4.91333V13.8333C10.9866 14.1067 10.7599 14.3333 10.4866 14.3333Z" /> </svg> <span>Show map</span> </div> <div class="mob-map-toggle-btn-hide hidden items-center gap-1"> <svg class="fill-white w-5 h-5" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.07999 5.62001C3.1606 5.65189 3.24665 5.66774 3.33332 5.66668C3.42 5.66774 3.50605 5.65189 3.58666 5.62001C3.66632 5.58136 3.74034 5.53201 3.80666 5.47335C3.86845 5.41105 3.91733 5.33717 3.9505 5.25595C3.98368 5.17472 4.0005 5.08775 3.99999 5.00001C3.99754 4.8235 3.92848 4.65443 3.80666 4.52668C3.74326 4.46599 3.66849 4.41841 3.58666 4.38668C3.42435 4.32 3.2423 4.32 3.07999 4.38668C2.99756 4.41722 2.92257 4.46494 2.85999 4.52668C2.73817 4.65443 2.66911 4.8235 2.66666 5.00001C2.66615 5.08775 2.68297 5.17472 2.71614 5.25595C2.74932 5.33717 2.7982 5.41105 2.85999 5.47335C2.92631 5.53201 3.00033 5.58136 3.07999 5.62001ZM5.33333 5.5H12.6667C12.7993 5.5 12.9265 5.44732 13.0202 5.35355C13.114 5.25978 13.1667 5.13261 13.1667 5C13.1667 4.86739 13.114 4.74021 13.0202 4.64645C12.9265 4.55268 12.7993 4.5 12.6667 4.5H5.33333C5.20072 4.5 5.07355 4.55268 4.97978 4.64645C4.88601 4.74021 4.83333 4.86739 4.83333 5C4.83333 5.13261 4.88601 5.25978 4.97978 5.35355C5.07355 5.44732 5.20072 5.5 5.33333 5.5ZM5.33333 8.5H12.6667C12.7993 8.5 12.9265 8.44732 13.0202 8.35355C13.114 8.25978 13.1667 8.13261 13.1667 8C13.1667 7.86739 13.114 7.74022 13.0202 7.64645C12.9265 7.55268 12.7993 7.5 12.6667 7.5H5.33333C5.20072 7.5 5.07355 7.55268 4.97978 7.64645C4.88601 7.74022 4.83333 7.86739 4.83333 8C4.83333 8.13261 4.88601 8.25978 4.97978 8.35355C5.07355 8.44732 5.20072 8.5 5.33333 8.5ZM12.6667 11.5H5.33333C5.20072 11.5 5.07355 11.4473 4.97978 11.3536C4.88601 11.2598 4.83333 11.1326 4.83333 11C4.83333 10.8674 4.88601 10.7402 4.97978 10.6464C5.07355 10.5527 5.20072 10.5 5.33333 10.5H12.6667C12.7993 10.5 12.9265 10.5527 13.0202 10.6464C13.114 10.7402 13.1667 10.8674 13.1667 11C13.1667 11.1326 13.114 11.2598 13.0202 11.3536C12.9265 11.4473 12.7993 11.5 12.6667 11.5ZM3.33332 8.66668C3.24621 8.66563 3.16014 8.64751 3.07999 8.61335C2.9992 8.57959 2.92479 8.53224 2.85999 8.47335C2.7982 8.41105 2.74932 8.33718 2.71614 8.25595C2.68297 8.17473 2.66615 8.08775 2.66666 8.00001C2.66911 7.8235 2.73817 7.65444 2.85999 7.52668C2.92479 7.46779 2.9992 7.42044 3.07999 7.38668C3.20067 7.33072 3.33533 7.31215 3.46666 7.33335L3.58666 7.37335L3.70666 7.43335C3.74158 7.45796 3.77498 7.48468 3.80666 7.51335C3.93164 7.64445 4.00094 7.81889 3.99999 8.00001C3.99999 8.17683 3.92975 8.34639 3.80473 8.47142C3.6797 8.59644 3.51014 8.66668 3.33332 8.66668ZM3.07999 11.62C3.1606 11.6519 3.24665 11.6677 3.33333 11.6667C3.42106 11.6672 3.50804 11.6504 3.58926 11.6172C3.67049 11.584 3.74437 11.5351 3.80666 11.4733C3.86555 11.4085 3.9129 11.3341 3.94666 11.2533C3.98193 11.1735 4.00015 11.0873 4.00015 11C4.00015 10.9128 3.98193 10.8265 3.94666 10.7467C3.9129 10.6659 3.86555 10.5915 3.80666 10.5267C3.74326 10.466 3.66849 10.4184 3.58666 10.3867C3.46525 10.3356 3.33144 10.3217 3.20212 10.3466C3.07279 10.3715 2.95374 10.4342 2.85999 10.5267C2.80111 10.5915 2.75375 10.6659 2.71999 10.7467C2.68472 10.8265 2.6665 10.9128 2.6665 11C2.6665 11.0873 2.68472 11.1735 2.71999 11.2533C2.75375 11.3341 2.80111 11.4085 2.85999 11.4733C2.92631 11.532 3.00033 11.5814 3.07999 11.62Z" fill="white"/> </svg> <span>Show list</span> </div> </button> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>When planning a trip to Oslo one of the most significant aspects to consider is where to stay. The city offers a wide range of accommodations that cater to different tastes and budgets, making it essential to explore the best hotels in Oslo. Whether you seek luxury, boutique charm, or affordable options, this guide will help you find the ideal lodging for an unforgettable experience.</p><p>Oslo boasts a rich blend of history, culture, and stunning natural landscapes, all of which can be best appreciated from the comfort of well-located hotels. Many of the best hotels in Oslo provide easy access to popular attractions such as the iconic Opera House, the historic Akershus Fortress, and the lush green parks that dot the city. Combining modern amenities with traditional Norwegian hospitality, these accommodations enhance your stay, allowing you to immerse yourself in the local atmosphere.</p><p>Moreover, staying in the right hotel can also significantly enhance your experience of Oslo's vibrant culinary scene and nightlife. From rooftop bars offering breathtaking views of the fjord to cozy cafes serving traditional Norwegian dishes, the best hotels in Oslo often curate unique experiences for their guests. By carefully selecting your accommodations, you not only enjoy a place to rest but also a gateway to discovering the best of what this captivating city has to offer.</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-858386" data-langcode="en" data-bcity-id="-273837" data-city-name="Oslo" > <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="#grand-hotel-oslo" class="js-clk-open" data-type="table" data-bhotel-id="23601" data-open-once data-open-passive>Grand Hotel Oslo</a> </td> <td> <p> 8.1 / 10 </p> <p> (2400 Reviews)</p> </td> <td> <span>From 326US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="23601">Check Price</button> </td> </tr> <tr> <td> <a href="#scandic-vulkan" class="js-clk-open" data-type="table" data-bhotel-id="298613" data-open-once data-open-passive>Scandic Vulkan</a> </td> <td> <p> 8.0 / 10 </p> <p> (1690 Reviews)</p> </td> <td> <span>From 139US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="298613">Check Price</button> </td> </tr> <tr> <td> <a href="#voksenasen-hotell-best-western-signature-collection" class="js-clk-open" data-type="table" data-bhotel-id="23511" data-open-once data-open-passive>Voksenasen Hotell; Best Western Signature Collection</a> </td> <td> <p> 8.5 / 10 </p> <p> (2045 Reviews)</p> </td> <td> <span>From 111US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="23511">Check Price</button> </td> </tr> <tr> <td> <a href="#p-hotels-oslo" class="js-clk-open" data-type="table" data-bhotel-id="23769" data-open-once data-open-passive>P-Hotels Oslo</a> </td> <td> <p> 6.8 / 10 </p> <p> (4441 Reviews)</p> </td> <td> <span>From 63US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="23769">Check Price</button> </td> </tr> <tr> <td> <a href="#frogner-house" class="js-clk-open" data-type="table" data-bhotel-id="9897534" data-open-once data-open-passive>Frogner House</a> </td> <td> <p> 8.2 / 10 </p> <p> (141 Reviews)</p> </td> <td> <span>From 170US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="9897534">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="grand-hotel-oslo" data-id="1664831" data-lat="59.913724112321" data-lng="10.739450231194"> <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/10761/1076168/1076168329.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10761/1076168/1076168329.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366203.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366208.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366206.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366207.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366210.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366211.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366213.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366218.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366233.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366236.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366247.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366248.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366250.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366263.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366220.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366224.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366229.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366235.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366243.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366251.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366260.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366214.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366246.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580141/1580141339.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580141/1580141341.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580289/1580289739.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580289/1580289857.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580289/1580289865.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580289/1580289901.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580289/1580289917.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15836/1583650/1583650580.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580289/1580289825.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580141/1580141343.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366255.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366202.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366201.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601573.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601453.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278600/1278600913.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278600/1278600766.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366204.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366228.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580141/1580141350.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601312.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580141/1580141358.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366234.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366225.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366230.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580289/1580289787.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366227.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15836/1583650/1583650590.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12337/1233736/1233736556.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278600/1278600802.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601039.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366261.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089209/1089209239.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089205/1089205069.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089209/1089209230.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089209/1089209278.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089202/1089202972.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089203/1089203008.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089205/1089205033.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089205/1089205084.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089208/1089208693.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089209/1089209266.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089297/1089297766.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089202/1089202957.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580141/1580141352.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10761/1076166/1076166337.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089205/1089205045.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089297/1089297712.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10761/1076168/1076168488.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366240.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366209.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089209/1089209248.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366215.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8058/805818/805818636.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601174.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366217.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366245.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366237.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10761/1076166/1076166301.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580289/1580289845.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366216.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580141/1580141340.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089202/1089202993.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580141/1580141349.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366232.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278600/1278600874.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278600/1278600970.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278600/1278600997.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601090.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601126.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601144.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601198.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601237.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601273.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10892/1089203/1089203023.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8418/841837/841837571.JPEG" data-image-gallery="gallerygrand-hotel-oslo" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-oslo" > </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> (2400)</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="23601">Grand Hotel Oslo</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">Karl Johans Gate 31</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Grand Hotel Oslo has been a significant part of the city's history since opening its doors in 1874, making it a prime choice among the best hotels in Oslo. This luxurious establishment combines classic elegance with modern amenities, featuring beautifully designed rooms equipped with high-quality furnishings and unique artworks. Guests can enjoy a tranquil atmosphere while relaxing at the famous Grand Spa or indulging in fine dining at the Brasserie Hansken restaurant. The hotel is positioned prominently on Karl Johans gate, providing easy access to popular attractions like the Royal Palace and National Museum. With its stunning architecture and high standard of service, Grand Hotel Oslo flawlessly embodies the essence of luxury accommodation in the very heart of the city. No visit to Oslo would be complete without experiencing the grandeur of this iconic 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">326US$</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="23601" > <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="scandic-vulkan" data-id="1664852" data-lat="59.922254928673" data-lng="10.751013923942"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525562.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12755/1275525/1275525562.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574718/1574718680.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574718/1574718719.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574718/1574718779.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574718/1574718788.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574718/1574718731.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525628.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525667.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525874.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526276.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526315.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526345.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526438.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526171.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526219.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14189/1418990/1418990214.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14189/1418991/1418991627.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526129.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525919.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525409.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525526.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526384.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526009.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525337.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525367.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525733.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525451.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525484.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525598.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525766.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525958.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525796.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526039.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574718/1574718743.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275526/1275526108.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525844.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574718/1574718746.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434240/1434240814.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434240/1434240532.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434240/1434240391.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434240/1434240946.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576733/1576733198.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210302/1210302673.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574718/1574718728.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434240/1434240322.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434240/1434240079.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275525/1275525703.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434240/1434240289.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434241/1434241054.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434240/1434240877.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434242/1434242947.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210302/1210302757.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210302/1210302844.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8429/842943/842943695.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8429/842943/842943935.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434242/1434242224.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434241/1434241183.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7553/755360/755360377.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7553/755360/755360419.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576733/1576733282.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551503/551503242.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574718/1574718713.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434240/1434240175.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8429/842943/842943845.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1843/184305/184305522.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020241.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574718/1574718722.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020209.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020233.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020217.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020249.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6841/684103/684103653.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551503/551503371.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551503/551503539.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551504/551504226.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551506/551506014.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6095/609506/609506716.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551505/551505879.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551504/551504442.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551505/551505942.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551506/551506092.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6095/609506/609506708.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2847/284745/284745361.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434240/1434240616.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1843/184305/184305435.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6841/684103/684103467.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551505/551505060.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551505/551505252.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6095/609506/609506724.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6095/609506/609506704.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551504/551504514.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1843/184305/184305480.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551505/551505153.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551504/551504163.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5515/551506/551506158.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210302/1210302805.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7157/715773/715773760.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10214/1021418/1021418140.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12103/1210303/1210303156.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/602/60216/60216700.JPEG" data-image-gallery="galleryscandic-vulkan" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="scandic-vulkan" > </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> (1690)</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="298613">Scandic Vulkan</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">Maridalsveien 13A</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Scandic Vulkan stands out as a beacon of creativity and innovation, making it perfect for visitors eager to soak up Oslo's cultural energy. Located near the Mathallen food market and the Vulkan area, guests have easy access to an array of artistic and culinary experiences. The hotel showcases vibrant design elements that reflect the area’s artistic spirit and encourages guests to engage with local culture. With spacious rooms designed for comfort and style, it also caters to the needs of modern travelers. As one of the best hotels in Oslo offers a unique blend of comfort and creativity, ensuring guests experience the heart of Oslo's cultural landscape. Enjoy a stay immersed in the essence of the city’s artistic soul. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">139US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="298613" > <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="best-hotels-in-oslo-for-luxury-travelers">Best Hotels in Oslo for Luxury Travelers</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When it comes to opulence and refined experiences, Oslo offers some of the best hotels in Oslo tailored for those with a taste for luxury. These accommodations not only provide elegant rooms and high-end amenities, but they also feature top-notch dining, wellness facilities, and stunning views of the city. Staying at these hotels ensures that guests are treated to the pinnacle of comfort while they explore Oslo’s rich cultural landscape. Many of them are strategically located to provide quick access to iconic landmarks and hotspots in the city. From the moment you step into the lobby, the emphasis on quality service and sophistication is felt throughout your stay. Below is a selection that exemplifies the luxury aspect of the best hotels in Oslo.</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="voksenasen-hotell-best-western-signature-collection" data-id="1664853" data-lat="59.97528" data-lng="10.66552"> <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/11679/1167959/1167959467.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/11679/1167959/1167959467.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15378/1537853/1537853347.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15378/1537853/1537853344.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15378/1537853/1537853389.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15379/1537930/1537930267.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13944/1394498/1394498507.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13945/1394501/1394501555.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13944/1394492/1394492480.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13896/1389609/1389609884.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334466/1334466725.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334466/1334466752.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334466/1334466767.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334466/1334466899.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334467/1334467949.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334467/1334467979.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334467/1334467997.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468009.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468027.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468060.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468075.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468111.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468141.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468273.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468297.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468312.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468363.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468375.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471153.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471219.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471285.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471300.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471318.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471339.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471354.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471981.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334472/1334472023.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334472/1334472035.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334472/1334472062.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334472/1334472092.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334466/1334466701.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11679/1167960/1167960085.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11679/1167960/1167960100.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11679/1167960/1167960361.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11679/1167960/1167960421.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11679/1167960/1167960157.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11679/1167960/1167960148.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11679/1167960/1167960172.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13945/1394500/1394500553.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11679/1167959/1167959479.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11660/1166025/1166025633.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11653/1165393/1165393911.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13896/1389613/1389613577.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9915/991558/991558663.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9915/991556/991556713.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9915/991557/991557226.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9916/991647/991647304.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9915/991559/991559374.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9905/990566/990566947.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15590/1559019/1559019001.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9915/991556/991556998.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9915/991556/991556965.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334466/1334466839.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468264.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468351.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471198.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334472/1334472077.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468126.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9915/991556/991556779.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9916/991609/991609504.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11679/1167960/1167960124.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15379/1537930/1537930924.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7190/719084/719084344.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471969.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334466/1334466716.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334466/1334466884.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11660/1166025/1166025489.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468096.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9915/991552/991552846.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11660/1166025/1166025540.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334468/1334468333.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334466/1334466869.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13945/1394500/1394500589.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471996.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11637/1163733/1163733486.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334466/1334466791.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471180.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14759/1475954/1475954176.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14759/1475954/1475954410.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9178/917881/917881045.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7141/714142/714142732.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14759/1475954/1475954065.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14759/1475954/1475954095.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7944/794452/794452488.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14759/1475954/1475954368.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14759/1475954/1475954134.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14759/1475954/1475954203.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14759/1475954/1475954080.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13344/1334471/1334471927.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14759/1475954/1475954173.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/933/93304/93304871.JPEG" data-image-gallery="galleryvoksenasen-hotell-best-western-signature-collection" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="voksenasen-hotell-best-western-signature-collection" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (2045)</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="23511">Voksenasen Hotell; Best Western Signature Collection</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">Ullveien 4</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Voksenasen Hotell is nestled in the scenic hills surrounding Oslo and offers guests a unique retreat away from the urban bustle. Known for its beautiful wooden architecture and stunning views of the city and fjord, it perfectly embodies the essence of a tranquil getaway among the best hotels in Oslo. The hotel features cozy accommodations and a restaurant that focuses on locally sourced ingredients, providing an authentic Norwegian dining experience. Guests can also enjoy outdoor activities year-round, with opportunities for hiking in the summer and skiing in the winter. With its commitment to sustainability and a serene environment, Voksenasen Hotell provides a distinctive experience for those looking to escape the city's hustle and bustle while remaining close to Oslo's attractions. Experience a peaceful stay in this enchanting hotel surrounded by nature. </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="23511" > <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="p-hotels-oslo" data-id="1664875" data-lat="59.914394" data-lng="10.74159"> <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/14988/1498836/1498836736.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14988/1498836/1498836736.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836445.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836484.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836487.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836493.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836679.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836706.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836826.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836610.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836640.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836676.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836718.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836775.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836583.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836586.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836655.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836712.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836469.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836499.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836595.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836691.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836700.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836658.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836406.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836568.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438075/1438075168.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438077/1438077733.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438078/1438078318.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438080/1438080544.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438081/1438081060.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438078/1438078738.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438076/1438076992.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438079/1438079527.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438079/1438079902.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438080/1438080838.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836772.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210261/1210261240.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836733.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/742/74254/74254553.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/742/74260/74260523.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438081/1438081558.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210261/1210261312.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210261/1210261189.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438080/1438080265.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/743/74313/74313503.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438079/1438079047.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/743/74313/74313497.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438078/1438078537.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836652.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10040/1004090/1004090745.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938439/938439028.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938439/938439277.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938439/938439466.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210261/1210261084.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438079/1438079320.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210261/1210261861.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438084/1438084147.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438076/1438076236.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503078/503078229.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503078/503078235.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10161/1016179/1016179117.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938439/938439100.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6504/650475/650475363.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6504/650475/650475360.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6504/650475/650475357.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6102/610284/610284964.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4698/469806/469806093.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3746/374639/374639302.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3746/374639/374639296.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3746/374639/374639308.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438076/1438076785.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210261/1210261378.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498836/1498836661.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6503/650397/650397477.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438078/1438078228.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438076/1438076071.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4307/430711/430711461.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4307/430711/430711467.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6503/650397/650397471.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705909/705909112.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4553/455318/455318022.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4553/455318/455318079.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705908/705908740.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3746/374639/374639290.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705907/705907633.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705908/705908269.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705908/705908353.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438076/1438076695.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438079/1438079119.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14986/1498651/1498651486.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438075/1438075411.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438077/1438077220.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438081/1438081816.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705909/705909142.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14986/1498651/1498651504.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438076/1438076470.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438074/1438074493.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438081/1438081363.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14380/1438080/1438080067.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/549/54999/54999553.JPEG" data-image-gallery="galleryp-hotels-oslo" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="p-hotels-oslo" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 6.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (4441)</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="23769">P-Hotels Oslo</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">Grensen 19</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> P-Hotels Oslo is a budget-friendly choice tailored for business travelers who need uncomplicated accommodation without the frills. Located close to the central station, it offers easy access to various corporate offices and meeting venues in the city. The hotel features functional rooms equipped with free Wi-Fi and essential amenities, ensuring guests can stay connected. While it may be simple in design, P-Hotels Oslo provides a cozy atmosphere that makes for easy relaxation after a busy day of work. Its affordability combined with a prime location makes it one of the best hotels in Oslo focused on the needs of business travelers. Discover a practical and inviting stay at this central hotel designed for the working professional. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">63US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="23769" > <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="best-hotels-in-oslo-for-budget-travelers">Best Hotels in Oslo for Budget Travelers</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For those on a budget, Oslo still holds a treasure trove of delightful options among the best hotels in Oslo. These accommodations offer comfortable rooms and essential amenities at wallet-friendly prices, ensuring you won’t compromise on quality or comfort. Many budget-friendly hotels are conveniently located near public transport and key attractions, providing easy access to explore the city's charms. Whether you are a solo traveler or visiting with friends or family, these hotels provide excellent value without sacrificing your experience of the lovely Norwegian capital. Here we present a selection of the best affordable hotels in Oslo that cater to varying preferences while maintaining high standards of service.</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="frogner-house" data-id="1664894" data-lat="59.9233" data-lng="10.7362"> <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/14023/1402358/1402358768.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14023/1402358/1402358768.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402353/1402353686.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402355/1402355081.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402355/1402355108.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402355/1402355129.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358387.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358885.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402360/1402360772.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402355/1402355033.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402355/1402355186.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402360/1402360712.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402360/1402360745.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358363.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402360/1402360853.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402353/1402353629.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402353/1402353575.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402353/1402353707.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358417.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358438.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402360/1402360673.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358336.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402359/1402359053.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402355/1402355156.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402353/1402353665.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402360/1402360655.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358948.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402360/1402360631.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358798.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358297.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358867.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14023/1402358/1402358837.JPEG" data-image-gallery="galleryfrogner-house" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="frogner-house" > </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> (141)</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="9897534">Frogner House</h3> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">2 Frydenlundgata</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Frogner House - Bygdoy Alle is perfect for families looking for a home away from home in Oslo, providing spacious apartments that accommodate larger groups comfortably. Each apartment comes fully equipped with a kitchen, allowing families to prepare their own meals and enjoy dining together in a cozy setting. The hotel emphasizes a warm, welcoming environment that makes families feel like true locals during their stay, with personalized service and local recommendations. Its location in the Frogner district allows for easy access to nearby parks, museums, and attractions suitable for families. With its family-friendly amenities and commitment to guest satisfaction, Frogner House - Bygdoy Alle is rightly considered one of the best hotels in Oslo for those traveling with children. Enjoy the convenience and comfort of this exceptional 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">170US$</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="9897534" > <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="thon-hotel-panorama" data-id="1664912" data-lat="59.909190145149" data-lng="10.744197070599"> <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/12102/1210291/1210291261.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12102/1210291/1210291261.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10145/1014515/1014515398.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10145/1014515/1014515698.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10145/1014515/1014515728.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10180/1018080/1018080760.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017821/1017821350.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10145/1014517/1014517108.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017818/1017818182.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017821/1017821017.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017823/1017823198.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017825/1017825451.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017829/1017829603.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210289/1210289083.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210289/1210289692.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017824/1017824968.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10145/1014510/1014510913.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10145/1014513/1014513394.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210289/1210289191.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210288/1210288699.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210288/1210288750.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210289/1210289440.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210289/1210289539.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210289/1210289749.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290001.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290034.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290319.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/748/74826/74826824.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210288/1210288933.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017820/1017820642.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10145/1014511/1014511588.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290127.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290442.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290511.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290853.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020169.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017817/1017817867.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017819/1017819145.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290886.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7872/787247/787247460.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7872/787247/787247481.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7872/787247/787247454.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290211.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020185.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976888.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7872/787247/787247463.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7872/787247/787247457.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7872/787247/787247472.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10180/1018087/1018087621.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7872/787247/787247484.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290934.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1320/132083/132083589.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7647/764756/764756056.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976582.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976171.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976249.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976123.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976207.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976681.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976084.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10145/1014511/1014511834.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505968.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5751/575183/575183445.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5751/575183/575183481.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210289/1210289797.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8417/841714/841714097.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505840.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505848.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505896.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505904.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505908.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505916.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505920.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505924.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505932.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505948.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505956.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505960.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8417/841714/841714301.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210290/1210290565.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8417/841713/841713950.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505828.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505944.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976303.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5751/575183/575183742.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976450.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505900.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8417/841714/841714370.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505952.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976495.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7647/764756/764756068.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505888.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976537.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976417.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705976/705976351.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505936.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210291/1210291528.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505940.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017827/1017827953.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302505/302505928.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/508/50880/50880565.JPEG" data-image-gallery="gallerython-hotel-panorama" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="thon-hotel-panorama" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (119)</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="23730">Thon Hotel Panorama</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">Radhusgata 7B</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Thon Hotel Panorama provides a fantastic base for families seeking comfort and convenience in Oslo. This hotel is known for its large family rooms that offer ample space for parents and children alike, featuring modern decor and necessary amenities. Located near landmarks like the Oslo Opera House and the Akershus Fortress, families can enjoy hassle-free access to some of the city’s favorite attractions. The hotel provides family-friendly services, including a diverse breakfast buffet and access to a game room for children. With its focus on accommodating families, Thon Hotel Panorama stands out among the best hotels in Oslo for those visiting with youngsters. Create memorable experiences while enjoying the comfort this hotel offers. </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">152US$</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="23730" > <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="best-hotels-in-oslo-for-families">Best Hotels in Oslo for Families</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Finding the right accommodation that caters to families can be challenging, but Oslo has some of the best hotels in Oslo dedicated to welcoming family units. These hotels are typically equipped with larger rooms or suites, kid-friendly amenities, and easy access to attractions that appeal to all ages. Many of them are situated near parks, museums, and other family-oriented experiences, making it easy for families to enjoy their stay without extensive travel time. Below, we highlight hotels in Oslo that not only provide thoughtful services for families but also enhance the overall holiday experience in the 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="clarion-collection-hotel-folketeateret" data-id="1664941" data-lat="59.913804" data-lng="10.750748"> <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/10161/1016179/1016179282.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10161/1016179/1016179282.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602185.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602152.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498745/1498745050.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394120/1394120606.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394122/1394122142.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394122/1394122979.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394122/1394122997.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13886/1388629/1388629316.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13886/1388632/1388632451.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15225/1522598/1522598707.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15225/1522598/1522598728.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15225/1522598/1522598731.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394120/1394120588.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15542/1554284/1554284443.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10387/1038716/1038716104.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10387/1038715/1038715999.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10387/1038714/1038714556.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394119/1394119685.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394120/1394120597.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15373/1537301/1537301047.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498744/1498744954.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394122/1394122967.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601609.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15542/1554284/1554284488.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602020.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601870.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601837.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601951.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602065.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602251.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602419.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602353.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601729.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601795.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602209.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602275.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602452.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601984.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498724/1498724893.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602125.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601768.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13886/1388632/1388632418.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1125/112585/112585947.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278601/1278601633.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602398.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1125/112585/112585953.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1125/112585/112585956.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4484/448434/448434846.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12100/1210092/1210092352.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12100/1210092/1210092451.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12100/1210092/1210092490.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12100/1210092/1210092595.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12100/1210092/1210092700.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498744/1498744909.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927855.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498724/1498724899.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927854.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927853.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927856.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927852.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235018/1235018036.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927849.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927851.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927850.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927835.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235018/1235018087.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235016/1235016293.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927834.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927837.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927838.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927846.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927836.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927839.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927840.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927841.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927842.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927843.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927847.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927848.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927845.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627927/1627927844.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12100/1210092/1210092544.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12100/1210092/1210092154.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278602/1278602314.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12100/1210092/1210092664.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4484/448454/448454541.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020385.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4576/457652/457652820.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4484/448453/448453815.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235017/1235017511.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020377.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6111/611192/611192104.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235017/1235017598.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020361.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309020/309020393.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4484/448451/448451307.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8418/841806/841806410.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4484/448453/448453923.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/508/50880/50880502.JPEG" data-image-gallery="galleryclarion-collection-hotel-folketeateret" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="clarion-collection-hotel-folketeateret" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1922)</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="175049">Clarion Collection Hotel Folketeateret</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">Storgaten 21-23</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Clarion Collection Hotel Folketeateret is another fantastic choice for a romantic getaway, merging comfort with stunning decor and a rich history. The hotel’s stylish rooms offer a warm ambiance, and many provide lovely views of the city, enhancing the romantic mood. The hotel features complimentary breakfast and evening meals, allowing couples to savor delightful culinary experiences without leaving the comfort of the hotel. Situated in a lively area, guests are just a short walk from Oslo’s cultural and nightlife hotspots, providing opportunities for leisurely outings. As one of the best hotels in Oslo, it combines an enchanting atmosphere with delightful services, making it an excellent choice for couples seeking intimacy and sophistication. Experience romance encapsulated in the beauty of this enchanting 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">199US$</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="175049" > <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="comfort-hotel-xpress-central-station" data-id="1664960" data-lat="59.91063" data-lng="10.74899"> <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/15596/1559694/1559694658.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15596/1559694/1559694658.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616893/1616893778.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616893/1616893786.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616893/1616893788.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616893/1616893790.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15596/1559695/1559695108.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245374/1245374011.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245374/1245374023.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245382/1245382777.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245383/1245383629.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245383/1245383725.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245395/1245395344.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120485.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120512.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120530.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120584.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120680.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120686.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120599.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828121/828121259.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828121/828121253.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828121/828121277.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828121/828121175.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828118/828118622.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245380/1245380794.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278478/1278478945.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479128.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479491.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479716.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278478/1278478765.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479029.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479401.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479440.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245383/1245383692.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245395/1245395284.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120632.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120683.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120554.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479671.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245382/1245382693.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975894.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975969.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213976/1213976089.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213976/1213976620.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213976/1213976194.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213976/1213976803.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213976/1213976356.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245395/1245395305.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828121/828121142.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245380/1245380836.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278478/1278478996.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479182.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479242.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479776.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975345.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278478/1278478897.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479590.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213977/1213977262.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213977/1213977301.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213978/1213978120.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213977/1213977148.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213977/1213977775.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213978/1213978330.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975852.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13888/1388822/1388822558.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120653.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278479/1278479290.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245374/1245374041.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120524.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120701.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13888/1388822/1388822597.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278478/1278478624.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278478/1278478849.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975675.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278478/1278478699.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828121/828121313.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12453/1245373/1245373993.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7072/707278/707278063.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120497.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7072/707277/707277499.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975522.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8281/828120/828120668.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975459.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975576.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278478/1278478579.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7072/707277/707277424.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7072/707277/707277898.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975309.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975621.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7072/707277/707277301.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213975/1213975051.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13888/1388822/1388822594.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8421/842189/842189744.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213976/1213976680.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213977/1213977874.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213977/1213977439.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8421/842189/842189711.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7072/707278/707278270.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7072/707278/707278294.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/673/67396/67396430.JPEG" data-image-gallery="gallerycomfort-hotel-xpress-central-station" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="comfort-hotel-xpress-central-station" > </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> (5508)</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="1129774">Comfort Hotel Xpress Central Station</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">Fred Olsens Gate 11</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Comfort Hotel Xpress Central Station caters to travelers looking for affordable yet stylish accommodations right in the very heart of Oslo. Offering contemporary rooms with modern design elements, this hotel ensures that guests are comfortable and connected with free high-speed Wi-Fi throughout the premises. Its unbeatable location just steps away from transport links and major attractions makes it a prime pick among the best hotels in Oslo for budget travelers. The hotel also features a breakfast buffet, making it easy for guests to fuel up before a day of exploration. With competitive prices and a focus on simplicity, Comfort Hotel Xpress Central Station is an ideal choice for those who prioritize convenience and value during their stay in Oslo. Enjoy a blend of comfort and style at this budget-friendly 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">98US$</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="1129774" > <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="best-hotels-in-oslo-for-unique-experiences">Best Hotels in Oslo for Unique Experiences</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">If you are seeking something different during your stay in Oslo, consider one of the best hotels in Oslo that focuses on providing unique and distinct experiences. These accommodations often feature unique architecture, interesting themes, or specialized services that make your stay truly memorable. Each hotel reflects the rich culture and character of Oslo, creating opportunities for guests to immerse themselves in local experiences. Here are several remarkable hotels that stand out for their individuality and charm, enhancing your visit to Norway's capital.</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="radisson-blu-plaza-hotel-oslo" data-id="1664996" data-lat="59.912557707846" data-lng="10.755977657742"> <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/15378/1537853/1537853602.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15378/1537853/1537853602.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586333.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586597.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586855.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586906.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586936.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545587/1545587044.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545587/1545587188.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586615.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586741.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586660.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586687.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15167/1516722/1516722391.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15167/1516722/1516722421.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586354.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586441.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586474.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586486.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586816.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586987.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545587/1545587029.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15167/1516722/1516722358.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15167/1516722/1516722382.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15167/1516722/1516722430.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586243.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586402.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586480.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586555.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586561.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586624.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586630.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586690.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586693.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586801.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586828.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586993.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586843.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586909.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586939.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586252.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586390.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15167/1516722/1516722364.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620590/1620590039.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586708.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586783.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586567.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586627.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586807.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586489.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586495.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586942.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586573.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586606.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586891.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11652/1165227/1165227777.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11652/1165228/1165228368.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11652/1165227/1165227834.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586576.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9748/974811/974811658.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9796/979671/979671325.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9796/979675/979675396.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945417/945417502.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9098/909806/909806413.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586759.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15167/1516722/1516722478.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586873.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586927.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545587/1545587329.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9796/979669/979669066.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586819.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586957.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545587/1545587035.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14340/1434057/1434057730.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14340/1434058/1434058516.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14340/1434057/1434057271.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14340/1434059/1434059011.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586609.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586633.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586585.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545587/1545587263.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14340/1434059/1434059083.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586960.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586972.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586549.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210286/1210286836.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15455/1545586/1545586768.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908640/908640154.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908640/908640295.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908641/908641732.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4560/456070/456070767.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622861/1622861800.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622861/1622861801.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14732/1473268/1473268351.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14732/1473268/1473268507.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14340/1434057/1434057991.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11652/1165227/1165227030.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9869/986942/986942581.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14340/1434057/1434057121.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10161/1016145/1016145820.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8144/814482/814482488.JPEG" data-image-gallery="galleryradisson-blu-plaza-hotel-oslo" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-plaza-hotel-oslo" > </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> (14506)</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="23779">Radisson Blu Plaza Hotel, Oslo</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">Sonja Henies Plass 3</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Radisson Blu Plaza Hotel, Oslo offers contemporary luxury in one of the tallest buildings in Norway, making it a standout in terms of location and views. Known for its modern aesthetic, the hotel features spacious rooms with floor-to-ceiling windows overlooking the Oslo skyline and Oslofjord. Guests can unwind at the wellness center or dine at the hotel's award-winning restaurant that serves a combination of local and international cuisine. Positioned within walking distance of the Oslo Central Station and key attractions, it is ideal for both business and leisure travelers. With impeccable service and a plethora of amenities, Radisson Blu Plaza Hotel embodies the best hotels in Oslo dedicated to providing a memorable stay. Each visit promises an extraordinary experience in Norway's capital. </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">243US$</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="23779" > <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="sommerro" data-id="1665017" data-lat="59.91539" data-lng="10.72072"> <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/15451/1545190/1545190108.JPEG" data-image-gallery="gallerysommerro" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15451/1545190/1545190108.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190162.JPEG" data-image-gallery="gallerysommerro" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394141/1394141450.JPEG" data-image-gallery="gallerysommerro" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394146/1394146244.JPEG" data-image-gallery="gallerysommerro" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394159/1394159813.JPEG" data-image-gallery="gallerysommerro" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394164/1394164691.JPEG" data-image-gallery="gallerysommerro" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190120.JPEG" data-image-gallery="gallerysommerro" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190183.JPEG" data-image-gallery="gallerysommerro" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190222.JPEG" data-image-gallery="gallerysommerro" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190228.JPEG" data-image-gallery="gallerysommerro" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190258.JPEG" data-image-gallery="gallerysommerro" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190471.JPEG" data-image-gallery="gallerysommerro" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13895/1389510/1389510893.JPEG" data-image-gallery="gallerysommerro" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306007/1306007881.JPEG" data-image-gallery="gallerysommerro" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306008/1306008448.JPEG" data-image-gallery="gallerysommerro" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306012/1306012336.JPEG" data-image-gallery="gallerysommerro" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306013/1306013437.JPEG" data-image-gallery="gallerysommerro" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306017/1306017034.JPEG" data-image-gallery="gallerysommerro" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306111/1306111240.JPEG" data-image-gallery="gallerysommerro" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306111/1306111564.JPEG" data-image-gallery="gallerysommerro" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306111/1306111693.JPEG" data-image-gallery="gallerysommerro" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306117/1306117570.JPEG" data-image-gallery="gallerysommerro" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306117/1306117657.JPEG" data-image-gallery="gallerysommerro" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306118/1306118992.JPEG" data-image-gallery="gallerysommerro" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15151/1515112/1515112723.JPEG" data-image-gallery="gallerysommerro" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190312.JPEG" data-image-gallery="gallerysommerro" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13030/1303010/1303010545.JPEG" data-image-gallery="gallerysommerro" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13030/1303010/1303010566.JPEG" data-image-gallery="gallerysommerro" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13030/1303010/1303010773.JPEG" data-image-gallery="gallerysommerro" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13030/1303010/1303010917.JPEG" data-image-gallery="gallerysommerro" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13943/1394351/1394351303.JPEG" data-image-gallery="gallerysommerro" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190234.JPEG" data-image-gallery="gallerysommerro" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306021/1306021882.JPEG" data-image-gallery="gallerysommerro" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190510.JPEG" data-image-gallery="gallerysommerro" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621466/1621466993.JPEG" data-image-gallery="gallerysommerro" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306008/1306008265.JPEG" data-image-gallery="gallerysommerro" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306012/1306012372.JPEG" data-image-gallery="gallerysommerro" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306017/1306017088.JPEG" data-image-gallery="gallerysommerro" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306111/1306111354.JPEG" data-image-gallery="gallerysommerro" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306117/1306117591.JPEG" data-image-gallery="gallerysommerro" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13944/1394432/1394432495.JPEG" data-image-gallery="gallerysommerro" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15905/1590514/1590514042.JPEG" data-image-gallery="gallerysommerro" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306116/1306116844.JPEG" data-image-gallery="gallerysommerro" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394159/1394159207.JPEG" data-image-gallery="gallerysommerro" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306116/1306116955.JPEG" data-image-gallery="gallerysommerro" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306117/1306117081.JPEG" data-image-gallery="gallerysommerro" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13007/1300727/1300727146.JPEG" data-image-gallery="gallerysommerro" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190210.JPEG" data-image-gallery="gallerysommerro" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190237.JPEG" data-image-gallery="gallerysommerro" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306117/1306117303.JPEG" data-image-gallery="gallerysommerro" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15905/1590513/1590513931.JPEG" data-image-gallery="gallerysommerro" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15451/1545190/1545190468.JPEG" data-image-gallery="gallerysommerro" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306107/1306107322.JPEG" data-image-gallery="gallerysommerro" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306013/1306013413.JPEG" data-image-gallery="gallerysommerro" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306012/1306012273.JPEG" data-image-gallery="gallerysommerro" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958849.JPEG" data-image-gallery="gallerysommerro" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394157/1394157263.JPEG" data-image-gallery="gallerysommerro" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394145/1394145935.JPEG" data-image-gallery="gallerysommerro" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394146/1394146481.JPEG" data-image-gallery="gallerysommerro" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394150/1394150624.JPEG" data-image-gallery="gallerysommerro" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394164/1394164472.JPEG" data-image-gallery="gallerysommerro" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13943/1394358/1394358335.JPEG" data-image-gallery="gallerysommerro" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13886/1388638/1388638247.JPEG" data-image-gallery="gallerysommerro" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394142/1394142608.JPEG" data-image-gallery="gallerysommerro" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394159/1394159963.JPEG" data-image-gallery="gallerysommerro" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958792.JPEG" data-image-gallery="gallerysommerro" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958810.JPEG" data-image-gallery="gallerysommerro" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306007/1306007440.JPEG" data-image-gallery="gallerysommerro" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306021/1306021756.JPEG" data-image-gallery="gallerysommerro" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306111/1306111291.JPEG" data-image-gallery="gallerysommerro" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306117/1306117153.JPEG" data-image-gallery="gallerysommerro" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306017/1306017148.JPEG" data-image-gallery="gallerysommerro" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306107/1306107898.JPEG" data-image-gallery="gallerysommerro" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13030/1303012/1303012702.JPEG" data-image-gallery="gallerysommerro" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306110/1306110979.JPEG" data-image-gallery="gallerysommerro" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394159/1394159849.JPEG" data-image-gallery="gallerysommerro" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394157/1394157794.JPEG" data-image-gallery="gallerysommerro" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394139/1394139419.JPEG" data-image-gallery="gallerysommerro" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394147/1394147456.JPEG" data-image-gallery="gallerysommerro" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394159/1394159234.JPEG" data-image-gallery="gallerysommerro" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394164/1394164640.JPEG" data-image-gallery="gallerysommerro" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13886/1388640/1388640380.JPEG" data-image-gallery="gallerysommerro" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306018/1306018015.JPEG" data-image-gallery="gallerysommerro" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13944/1394433/1394433329.JPEG" data-image-gallery="gallerysommerro" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394140/1394140622.JPEG" data-image-gallery="gallerysommerro" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958798.JPEG" data-image-gallery="gallerysommerro" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958939.JPEG" data-image-gallery="gallerysommerro" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15151/1515112/1515112579.JPEG" data-image-gallery="gallerysommerro" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306117/1306117165.JPEG" data-image-gallery="gallerysommerro" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13061/1306117/1306117474.JPEG" data-image-gallery="gallerysommerro" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958906.JPEG" data-image-gallery="gallerysommerro" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394144/1394144027.JPEG" data-image-gallery="gallerysommerro" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958630.JPEG" data-image-gallery="gallerysommerro" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958636.JPEG" data-image-gallery="gallerysommerro" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958654.JPEG" data-image-gallery="gallerysommerro" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13941/1394159/1394159834.JPEG" data-image-gallery="gallerysommerro" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958564.JPEG" data-image-gallery="gallerysommerro" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958624.JPEG" data-image-gallery="gallerysommerro" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14739/1473958/1473958957.JPEG" data-image-gallery="gallerysommerro" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13060/1306022/1306022035.JPEG" data-image-gallery="gallerysommerro" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="sommerro" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1151)</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="7859838">Sommerro</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">Sommerrogata 1</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Sommerro is a stunning hotel that reflects the rich history of its Art Deco heritage and the vibrancy of contemporary style, marking it as one of the best hotels in Oslo. Located in the lively heart of the city, the hotel features elegantly designed rooms equipped with modern conveniences while preserving historical charm. The in-house dining options include a rooftop restaurant that offers exquisite culinary experiences, along with bars infused with creativity and local flavors. Guests can indulge in various facilities, including a spa and swimming pool, enhancing their overall experience. With its unique character and dedication to guest satisfaction, Sommerro seamlessly combines luxury and tradition, offering an unparalleled stay in Oslo. Experience the distinct blend of history and modernity at this lavish 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">268US$</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="7859838" > <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="best-hotels-in-oslo-for-business-travelers">Best Hotels in Oslo for Business Travelers</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Oslo is a hub for corporate travelers, and the best hotels in Oslo cater specifically to those attending conferences or business meetings. These accommodations offer a range of services designed to support business needs, including conference rooms, high-speed internet access, and convenient locations near business districts. With excellent transport links and amenities tailored for productivity, these hotels ensure that business travelers have everything they need for a successful trip. Here, we will explore some of the best hotels in Oslo that blend comfort, convenience, and functionality for business guests.</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="citybox-oslo" data-id="1665034" data-lat="59.9104" data-lng="10.74709"> <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/12945/1294596/1294596991.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12945/1294596/1294596991.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15409/1540956/1540956859.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613681/1613681438.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537264/1537264114.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537283/1537283647.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613681/1613681437.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613681/1613681439.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15890/1589090/1589090823.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13120/1312045/1312045840.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13099/1309978/1309978120.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12721/1272181/1272181315.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12448/1244821/1244821282.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10272/1027281/1027281592.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10301/1030145/1030145344.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9685/968588/968588467.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9685/968588/968588608.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8069/806962/806962929.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12448/1244862/1244862082.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6971/697162/697162050.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12448/1244829/1244829796.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10300/1030058/1030058164.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9685/968588/968588593.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12721/1272174/1272174385.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1953/195397/195397903.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13120/1312048/1312048690.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1953/195397/195397894.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6971/697158/697158915.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13172/1317263/1317263971.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10300/1030056/1030056640.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12725/1272580/1272580045.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12721/1272195/1272195304.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12721/1272189/1272189661.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12734/1273408/1273408687.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12726/1272616/1272616579.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12448/1244863/1244863255.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12337/1233772/1233772400.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12879/1287982/1287982543.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10300/1030057/1030057246.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10300/1030057/1030057498.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10300/1030058/1030058992.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6971/697158/697158927.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9666/966690/966690505.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9666/966691/966691042.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9685/968590/968590699.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503071/503071785.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9685/968588/968588470.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9685/968590/968590843.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9725/972545/972545158.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9725/972545/972545176.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537263/1537263997.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9725/972545/972545155.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705472/705472192.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705472/705472321.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9725/972545/972545146.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9685/968590/968590981.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705471/705471721.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705472/705472375.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7732/773240/773240236.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705471/705471841.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705471/705471991.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705473/705473029.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705473/705473077.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705473/705473233.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705473/705473275.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9711/971113/971113963.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9710/971066/971066449.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705473/705473320.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7732/773240/773240305.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9685/968590/968590936.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705472/705472282.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705471/705471916.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3022/302294/302294356.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705472/705472126.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2134/213401/213401945.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705472/705472225.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3022/302294/302294348.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7732/773240/773240182.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2134/213401/213401957.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7732/773240/773240020.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9666/966689/966689395.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9725/972545/972545149.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2134/213401/213401963.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2134/213401/213401978.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9725/972545/972545191.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705472/705472843.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7054/705472/705472801.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3022/302294/302294208.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2368/236876/236876181.JPEG" data-image-gallery="gallerycitybox-oslo" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="citybox-oslo" > </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> (27582)</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="547308">Citybox Oslo</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">Prinsens Gate 6</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Citybox Oslo is an innovative hotel designed to provide quality at a reasonable price, making it one of the best hotels in Oslo for budget travelers. With a focus on simplicity and functionality, the hotel offers modern rooms that feature a clean design and all the necessary amenities for a comfortable stay. Its central location allows easy access to Oslo's vibrant attractions, public transportation, and the surrounding shopping streets. The self-service check-in ensures a quick and hassle-free arrival, while the communal lounge offers a space to relax and connect with fellow travelers. With its value-driven offering, Citybox Oslo stands out as an ideal base for exploring the capital. Experience comfort and convenience at this trendy hotel tailored for the budget-conscious adventurer. </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="547308" > <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="clarion-hotel-oslo" data-id="1665054" data-lat="59.90784708" data-lng="10.75625291"> <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/8892/889245/889245460.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/8892/889245/889245460.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996603.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996691.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996703.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996679.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996713.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996669.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996621.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574833.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574590.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574638.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574698.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574719.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574845.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574848.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574863.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9109/910981/910981939.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846532/846532961.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846556/846556739.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846558/846558275.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846558/846558335.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846563/846563606.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8893/889346/889346623.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574602.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8189/818992/818992400.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8189/818992/818992718.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8189/818992/818992499.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996607.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313394.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280312/1280312971.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313493.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313559.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313592.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313091.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313145.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313187.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280312/1280312923.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996605.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574650.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846542/846542546.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846565/846565175.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846555/846555002.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8189/818965/818965487.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846306/846306260.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574617.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574830.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313049.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216790/1216790677.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216791/1216791085.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216791/1216791172.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216795/1216795462.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216796/1216796347.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216794/1216794760.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216796/1216796233.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216796/1216796728.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216797/1216797796.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996657.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216793/1216793173.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216790/1216790452.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216796/1216796848.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574815.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14483/1448366/1448366620.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216795/1216795684.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216790/1216790785.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313430.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313235.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313268.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313328.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313352.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574734.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9109/910981/910981291.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216793/1216793878.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216797/1216797613.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216790/1216790326.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216796/1216796020.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280313/1280313307.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846552/846552005.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846563/846563612.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216793/1216793926.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216795/1216795795.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913574/913574662.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280312/1280312893.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12803/1280312/1280312851.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216794/1216794904.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14483/1448367/1448367994.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8189/818992/818992703.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9082/908284/908284048.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14483/1448366/1448366449.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15809/1580996/1580996671.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8465/846520/846520673.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216799/1216799779.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216793/1216793164.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12167/1216796/1216796587.JPEG" data-image-gallery="galleryclarion-hotel-oslo" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="clarion-hotel-oslo" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (3169)</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="4109018">Clarion Hotel Oslo</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">15 Dronning Eufemias Gate</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Clarion Hotel Oslo is an ideal destination for culture enthusiasts, situated near landmarks such as the Munch Museum and Oslo Opera House. The hotel features modern design, with rooms that reflect contemporary Scandinavian aesthetics and artistic influences. Guests can enjoy curated exhibitions that showcase local artists, creating a dynamic atmosphere that connects visitors to the local art scene. The hotel’s restaurant emphasizes seasonal and local produce, providing a taste of Norwegian flavors with each meal. With its focus on both comfort and cultural engagement, Clarion Hotel Oslo represents one of the best hotels in Oslo for those seeking to immerse themselves in the city’s heritage. Experience the arts and culture of Norway’s capital while enjoying exquisite accommodations. </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">221US$</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="4109018" > <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="best-hotels-in-oslo-for-romantic-getaways">Best Hotels in Oslo for Romantic Getaways</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When it comes to romantic escapes, the best hotels in Oslo provide cozy and enchanting atmospheres perfect for couples. These accommodations often boast scenic views, intimate dining options, and luxurious features that enhance the romantic experience. With their curated packages and thoughtful details, these hotels create an ideal setting for couples to unwind and enjoy quality time together. Here are some of the most captivating hotels in Oslo tailored for romantic getaways, offering both comfort and charm.</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="soria-moria-hotell" data-id="1665055" data-lat="59.97511" data-lng="10.65669"> <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/6910/691074/691074975.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6910/691074/691074975.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15448/1544805/1544805487.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15448/1544806/1544806813.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540673/1540673158.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15806/1580616/1580616415.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15425/1542560/1542560869.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15448/1544805/1544805439.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14341/1434141/1434141535.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14341/1434141/1434141595.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1740/174076/174076596.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15448/1544805/1544805505.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/700/70079/70079105.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210276/1210276300.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210276/1210276354.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/700/70088/70088564.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6647/664708/664708170.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14341/1434141/1434141475.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14341/1434142/1434142120.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15425/1542561/1542561076.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14089/1408993/1408993046.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913796/913796581.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913796/913796818.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913797/913797064.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913797/913797472.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14089/1408993/1408993052.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074855.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913796/913796467.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14341/1434142/1434142225.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942214/942214096.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14089/1408993/1408993043.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4118/411844/411844692.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309019/309019393.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309019/309019401.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309019/309019425.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8393/839355/839355407.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7726/772640/772640254.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7726/772640/772640359.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7726/772640/772640398.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1518/151892/151892533.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1518/151892/151892611.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074147.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074216.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074276.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074315.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691072/691072731.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074558.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074636.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074699.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691073/691073565.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074930.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691073/691073355.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691072/691072794.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691073/691073412.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691072/691072869.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074027.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691073/691073769.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1518/151892/151892542.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074399.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7726/772640/772640488.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691072/691072590.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691073/691073850.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691073/691073967.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7726/772640/772640440.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309019/309019417.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691074/691074435.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691073/691073901.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5584/558402/558402066.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691072/691072305.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452885/452885562.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2889/288925/288925808.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452885/452885571.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14341/1434142/1434142069.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1917/191772/191772763.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14341/1434141/1434141961.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14341/1434142/1434142000.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14341/1434141/1434141715.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14341/1434142/1434142468.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210277/1210277257.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210277/1210277425.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10857/1085789/1085789779.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210276/1210276624.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6910/691073/691073643.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210277/1210277020.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9425/942527/942527534.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/843/84395/84395471.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10857/1085756/1085756785.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10861/1086184/1086184018.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503079/503079489.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503079/503079300.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5584/558402/558402546.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452885/452885595.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452885/452885643.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5584/558402/558402168.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452885/452885607.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452885/452885598.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452885/452885589.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452885/452885583.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452885/452885613.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5837/583748/583748391.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/843/84395/84395483.JPEG" data-image-gallery="gallerysoria-moria-hotell" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="soria-moria-hotell" > </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> (1320)</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="399907">Soria Moria Hotell</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">Voksenkollveien 60</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Soria Moria Hotell treats couples to a romantic getaway in a stunning hillside setting with breathtaking views of Oslo. This charming hotel features cozy rooms adorned with warm wood accents, creating a welcoming ambiance that is perfect for relaxation. Guests can enjoy private balconies or terraces to take in the beautiful surroundings while savoring a glass of wine. The on-site restaurant specializes in Norwegian cuisine, allowing couples to indulge in a fine dining experience while enjoying the scenic vistas. With its unique location and exceptional service, Soria Moria Hotell ranks among the best hotels in Oslo for a romantic retreat. Experience serenity and romance in the mountainside oasis of this delightful 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">120US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="399907" > <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-christiania-teater" data-id="1665080" data-lat="59.913566" data-lng="10.73594"> <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/15216/1521629/1521629275.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15216/1521629/1521629275.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15241/1524129/1524129763.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15241/1524130/1524130678.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15241/1524139/1524139351.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15371/1537182/1537182325.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15371/1537182/1537182985.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15371/1537183/1537183000.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15371/1537183/1537183033.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15373/1537365/1537365178.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15373/1537365/1537365193.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15373/1537365/1537365919.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15373/1537365/1537365922.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15386/1538657/1538657884.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15387/1538745/1538745373.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15387/1538745/1538745403.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15387/1538745/1538745607.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15387/1538745/1538745685.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15388/1538867/1538867518.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15402/1540230/1540230712.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15402/1540230/1540230820.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15402/1540231/1540231174.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15402/1540231/1540231309.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15409/1540931/1540931302.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15388/1538867/1538867464.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15402/1540231/1540231777.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15373/1537365/1537365460.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15253/1525334/1525334386.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15282/1528255/1528255858.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15241/1524139/1524139408.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15241/1524141/1524141763.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15373/1537365/1537365862.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15402/1540231/1540231381.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498780/1498780531.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15386/1538657/1538657830.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15371/1537183/1537183024.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15388/1538867/1538867497.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498733/1498733677.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15402/1540231/1540231663.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15282/1528255/1528255951.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15253/1525334/1525334908.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275403/1275403813.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275403/1275403714.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503077/503077221.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938414/938414380.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10179/1017941/1017941602.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2900/290070/290070536.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15402/1540231/1540231105.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503077/503077206.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503077/503077185.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363917/363917950.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15241/1524131/1524131680.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503077/503077248.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8047/804799/804799440.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/986/98693/98693966.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363917/363917929.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363918/363918082.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363918/363918061.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363917/363917974.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309021/309021777.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363918/363918106.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5503/550310/550310724.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363918/363918025.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363917/363917962.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363918/363918037.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363918/363918001.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363918/363918013.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3639/363918/363918076.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309021/309021785.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503077/503077197.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/986/98693/98693984.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/986/98693/98693918.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/986/98693/98693945.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309021/309021793.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5503/550310/550310847.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683030/683030949.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7326/732665/732665983.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7326/732665/732665998.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309021/309021801.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15371/1537182/1537182946.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15371/1537182/1537182973.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683030/683030889.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683030/683030148.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683030/683030253.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683030/683030337.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309021/309021809.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7326/732665/732665989.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683030/683030289.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683029/683029686.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683030/683030382.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5030/503077/503077215.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683028/683028849.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10179/1017941/1017941785.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4698/469806/469806750.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15241/1524132/1524132205.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683029/683029641.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15387/1538703/1538703361.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275403/1275403645.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1449/144928/144928031.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10857/1085798/1085798665.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/788/78850/78850017.JPEG" data-image-gallery="galleryhotel-christiania-teater" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-christiania-teater" > </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> (506)</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="247550">Hotel Christiania Teater</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">Stortingsgate 16</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Christiania Teater, known for its theatrical charm, doubles as a romantic hideaway in the heart of Oslo. The hotel’s luxurious rooms feature unique design elements that resonate with a sense of elegance and intimacy, making it a perfect destination for couples. Guests can indulge in a cozy evening at the hotel’s restaurant, which serves Norwegian delicacies in a warm and inviting atmosphere. Located near the vibrant Aker Brygge area, couples can easily explore romantic waterfront walks or dine at nearby gourmet restaurants. With exceptional service and a rich cultural backdrop, Hotel Christiania Teater is deservedly among the best hotels in Oslo for couples looking to create lasting memories. Enjoy a unique experience filled with romance and artistry at this exquisite 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">309US$</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="247550" > <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 Norway</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/tromso-hotels">Tromso</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/bergen-hotels">Bergen</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/stavanger-hotels">Stavanger</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/alesund-hotels">Alesund</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/flam-hotels">Flam</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/voss-hotels">Voss</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/svolvaer-hotels">Svolvaer</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/geilo-hotels">Geilo</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/sandnes-rogaland-hotels">Sandnes (Rogaland)</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/laerdalsoyri-hotels">Laerdalsoyri</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/harstad-hotels">Harstad</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/leknes-hotels">Leknes</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in World</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/interlaken-hotels">Interlaken</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/chiang-mai-hotels">Chiang Mai</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/bridgeport-hotels-wv">Bridgeport</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/midland-hotels-tx">Midland</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/pittsburgh-hotels">Pittsburgh</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/glasgow-hotels">Glasgow</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carmel-hotels">Carmel</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/grand-island-hotels-ne">Grand Island</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/conway-hotels-ar">Conway</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carlsbad-hotels-nm">Carlsbad</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/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-tn">Jackson</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/oslo-hotels-near-oslo-central-station">Oslo Central Station</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/oslo-hotels-near-toyen">Toyen</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 Oslo</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Check the deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-regions/">Popular Regions</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-countries/">Popular Countries</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Oslo</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/oslo-self-catering">apartment hotel oslo</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/oslo-motels">oslo norway motel</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/oslo-central-hotels">hotels in oslo city centre</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/oslo-family-hotels">oslo family hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/oslo-cheap-hotels">cheap hotels in oslo</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/oslo-boutique-hotels">best boutique hotels oslo</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/oslo-5-star-hotels">oslo hotels 5 star</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/oslo-hotels-near-osl">oslo airport hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/oslo-4-star-hotels">4 star hotels oslo</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and Conditions</div> </div> <p>Copyright 2025 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"6g1lc2n2VEU4dkwi"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-273837","dest_name":"Oslo","city_id":18503,"pid":858386,"page":"post","bid":"-273837"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="preload" as="style" href="https://touristvr.com/build/assets/createSlider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post-gRPuHYnO.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-xmMQKjFG.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-B81A-QHD.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/media-DZZXPl_y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/createSlider-DIcCBx3D.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/createSlider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/post-gRPuHYnO.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> </body> </html>

CINXE.COM

Best Hotels in Oslo, Norway from 63US$/night