Les Meilleurs Hôtels à Istambul, Turquie

<!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="Si vous prévoyez de voyager à Istanbul, vous vous demandez peut-être où séjourner. Alors que certains optent pour des locations de vacances, des auberges"> <title>Les Meilleurs Hôtels à Istambul, Turquie</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/fr/istambul-hotels" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Les Meilleurs Hôtels à Istambul, Turquie" /> <meta property="og:url" content="https://touristvr.com/fr/" /> <meta property="og:site_name" content="Virtual Tourist" /> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/istanbul-hotels" title="English"> <link rel="alternate" hreflang="en-AU" type="text/html" href="https://touristvr.com/au/istanbul-hotels" title="English"> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/istanbul-hotels" title="English"> <link rel="alternate" hreflang="en-NZ" type="text/html" href="https://touristvr.com/nz/istanbul-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/istanbul-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/istanbul-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/istambul-hotels" title="Français"> <link rel="alternate" hreflang="fr-BE" type="text/html" href="https://touristvr.com/fr-be/istambul-hotels" title="Français"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/estambul-hoteles" title="Español"> <link rel="alternate" hreflang="es-CO" type="text/html" href="https://touristvr.com/co/estambul-hoteles" title="Español"> <link rel="alternate" hreflang="es-MX" type="text/html" href="https://touristvr.com/mx/estambul-hoteles" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/provincia-di-istanbul-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-NL" type="text/html" href="https://touristvr.com/nl/istanboel-hotels" title="Nederlands"> <link rel="alternate" hreflang="nl-BE" type="text/html" href="https://touristvr.com/be/istanboel-hotels" title="Nederlands"> <link rel="alternate" hreflang="br-BR" type="text/html" href="https://touristvr.com/br/istambul-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" : "178€", "address": { "@type": "PostalAddress", "streetAddress": "Abide-I Hurriyet Caddesi No.142 , Sisli" }, "name": "Istanbul Marriott Hotel Sisli" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "63€", "address": { "@type": "PostalAddress", "streetAddress": "Yenibosna Merkez Mahallesi" }, "name": "Pullman Istanbul Hotel & Convention Center" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "101€", "address": { "@type": "PostalAddress", "streetAddress": "Sakizagaci Mah." }, "name": "Hotel Hilton Istanbul Bakirkoy" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "17€", "address": { "@type": "PostalAddress", "streetAddress": "Kartaltepe Mahallesi Pamuk Sokak No:13" }, "name": "Express Inci Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "50€", "address": { "@type": "PostalAddress", "streetAddress": "Mesih Pasa Caddesi Sair Fitnat Sokak" }, "name": "Emos Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "99€", "address": { "@type": "PostalAddress", "streetAddress": "Topcu Cad.No:10 Talimhane Taksim" }, "name": "Golden Age Hotel Taksim" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "25€", "address": { "@type": "PostalAddress", "streetAddress": "Kucukayasofya St. No:35" }, "name": "Abella Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "25€", "address": { "@type": "PostalAddress", "streetAddress": "Çifte Gelinler Cad.Gerdanlık Sok.No13 (Kumkapı Yabancılar Şubesi arkası) Fatih" }, "name": "Otantik Guest House Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "79€", "address": { "@type": "PostalAddress", "streetAddress": "Osmanaga Rihtim Cad., Resit Efendi Sokak No:7, Kadikoy" }, "name": "Okur Otel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "168€", "address": { "@type": "PostalAddress", "streetAddress": "Abdulhakhamit Cad., No: 25/B, Taksim" }, "name": "Hôtel Barcelo Istanbul" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "119€", "address": { "@type": "PostalAddress", "streetAddress": "Sehit Muhtar Cad. No:42" }, "name": "Hôtel Elite World Istanbul Taksim" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "35€", "address": { "@type": "PostalAddress", "streetAddress": "Harman Sk No: 7/9" }, "name": "Florya Konagi Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "35€", "address": { "@type": "PostalAddress", "streetAddress": "Akbiyik Cad. Terbiyik Sok.No:7 Sultanahmet" }, "name": "Tria Hotel Istanbul-Special Category" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "10€", "address": { "@type": "PostalAddress", "streetAddress": "Gultepe Mah Sehit Zafer Kiziltas Sk No 1, Istanbul, Tr" }, "name": "Hôtel Elite World Istanbul Florya" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "78€", "address": { "@type": "PostalAddress", "streetAddress": "Halaskargazi Cad N 63" }, "name": "Ramada Plaza By Wyndham Istanbul City Center (Adults Only)" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "69€", "address": { "@type": "PostalAddress", "streetAddress": "Keskin Kalem Sok. No:7 Esentepe" }, "name": "Villa Blanche Hotel Spa & Garden Pool" } ] ,"includesAttraction": [ { "@type": "TouristAttraction", "name": "Bebek" }, { "@type": "TouristAttraction", "name": "Pont du Bosphore" }, { "@type": "TouristAttraction", "name": "Askerî Müze ve Kültür Sitesi Komutanlığı" }, { "@type": "TouristAttraction", "name": "Aquarium d'Istanbul" }, { "@type": "TouristAttraction", "name": "Musée Sadberk Hanim" } ] } </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/fr/" 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/fr.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">Sélectionner la langue</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/ca/istanbul-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/au/istanbul-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/gb/istanbul-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/nz/istanbul-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/nz.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NZ</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/en-us/istanbul-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/us.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">US</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/de/istanbul-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/de.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">DE</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/fr-be/istambul-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 ">Français</span> </a> <a href="https://touristvr.com/es/estambul-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/co/estambul-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/co.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CO</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/mx/estambul-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/mx.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">MX</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/it/provincia-di-istanbul-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/istanboel-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/istanboel-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/istambul-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/3.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/3.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">Hôtels Istambul</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 Hôtels Istambul, 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">Istambul</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"> avr. 04, 2025 - avr. 05, 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 adultes, 1 chambre</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"> Trouver <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/fr/'>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/fr/turquie-hotels/'>Turquie Hôtels</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">Hôtels Istambul</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">Prix par nuit:</span> <span class="hidden md:inline">Prix / nuit</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">Jusqu’à 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">De $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">Evaluation:</span> <span class="hidden md:inline">Note des clients</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">Très bon 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">Bon 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">Toutes les notes</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">Classement par étoiles:</span> <span class="hidden md:inline">Classement par étoiles</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">Non classé</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="occidental-taksim" data-bhotel-id="occidental-taksim" data-name = "Occidental Taksim" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/11383/1138312/1138312939.JPEG" data-lat="41.03986" data-lng="28.98396" data-price = "87€" data-link = "https://touristvr.com/fr/hotel-occidental-taksim-a-istambul" > <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="48588" 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/11383/1138312/1138312939.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13336/1333690/1333690505.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11414/1141459/1141459378.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/11383/1138312/1138312939.JPEG" alt="" loading="lazy" data-bhotel-id="48588" 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> Très bon </span> <span> (263)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-occidental-taksim-a-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Occidental Taksim</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">87€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="48588" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="dedeman-istanbul" data-bhotel-id="dedeman-istanbul" data-name = "Dedeman Istanbul" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15669/1566928/1566928412.JPEG" data-lat="41.064207" data-lng="29.010084" data-price = "79€" data-link = "https://touristvr.com/fr/hotel-dedeman-istambul" > <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="89961" 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/15669/1566928/1566928412.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15669/1566928/1566928397.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15669/1566940/1566940889.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/15669/1566928/1566928412.JPEG" alt="" loading="lazy" data-bhotel-id="89961" 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> Très bon </span> <span> (546)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-dedeman-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Dedeman Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">79€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="89961" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="sura-hagia-sophia-hotel" data-bhotel-id="sura-hagia-sophia-hotel" data-name = "Sura Hagia Sophia Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/6775/677574/677574381.JPEG" data-lat="41.008746" data-lng="28.976083" data-price = "81€" data-link = "https://touristvr.com/fr/sura-hagia-sophia-hotel-istambul" > <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="1007839" 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/6775/677574/677574381.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12748/1274892/1274892232.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12748/1274892/1274892286.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/6775/677574/677574381.JPEG" alt="" loading="lazy" data-bhotel-id="1007839" 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> Très bon </span> <span> (438)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/sura-hagia-sophia-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sura Hagia Sophia 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">81€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1007839" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="cevahir-hotel-istanbul-asia" data-bhotel-id="cevahir-hotel-istanbul-asia" data-name = "Cevahir Hotel Istanbul Asia" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/10215/1021594/1021594273.JPEG" data-lat="40.91508" data-lng="29.13351" data-price = "103€" data-link = "https://touristvr.com/fr/cevahir-hotel-istanbul-asia" > <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="426229" 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/10215/1021594/1021594273.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12809/1280982/1280982547.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12809/1280982/1280982673.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/10215/1021594/1021594273.JPEG" alt="" loading="lazy" data-bhotel-id="426229" 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> Très bon </span> <span> (397)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/cevahir-hotel-istanbul-asia" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Cevahir Hotel Istanbul Asia</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">17.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">103€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="426229" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="soho-house-istanbul" data-bhotel-id="soho-house-istanbul" data-name = "Soho House Istanbul" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/9142/914202/914202961.JPEG" data-lat="41.0303" data-lng="28.97328" data-price = "348€" data-link = "https://touristvr.com/fr/hotel-soho-house-istambul" > <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="1667786" 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/9142/914202/914202961.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16337/1633701/1633701523.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16337/1633701/1633701914.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/9142/914202/914202961.JPEG" alt="" loading="lazy" data-bhotel-id="1667786" 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> Très bon </span> <span> (244)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-soho-house-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Soho House Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">348€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1667786" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="grand-hotel-gulsoy-old-city" data-bhotel-id="grand-hotel-gulsoy-old-city" data-name = "Grand Hotel Gulsoy Old City" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15804/1580426/1580426739.JPEG" data-lat="41.01282" data-lng="28.95731" data-price = "48€" data-link = "https://touristvr.com/fr/grand-hotel-gulsoy-old-city-istambul" > <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="187070" 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/15804/1580426/1580426739.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16136/1613667/1613667437.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16136/1613667/1613667438.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/15804/1580426/1580426739.JPEG" alt="" loading="lazy" data-bhotel-id="187070" 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> Très bon </span> <span> (417)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/grand-hotel-gulsoy-old-city-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Grand Hotel Gulsoy Old 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">48€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="187070" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hilton-istanbul-bosphorus" data-bhotel-id="hilton-istanbul-bosphorus" data-name = "Hilton Istanbul Bosphorus" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16197/1619756/1619756323.JPEG" data-lat="41.044483" data-lng="28.988938" data-price = "143€" data-link = "https://touristvr.com/fr/hotel-hilton-istanbul-bosphorus" > <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="89306" 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/16197/1619756/1619756323.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274940/1274940304.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274940/1274940343.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/16197/1619756/1619756323.JPEG" alt="" loading="lazy" data-bhotel-id="89306" 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> Très bon </span> <span> (1008)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-hilton-istanbul-bosphorus" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hilton Istanbul Bosphorus</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">143€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="89306" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="henna-hotel-istanbul" data-bhotel-id="henna-hotel-istanbul" data-name = "Henna Hotel Istanbul" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/11160/1116072/1116072741.JPEG" data-lat="41.00602" data-lng="28.98096" data-price = "103€" data-link = "https://touristvr.com/fr/henna-hotel-istambul" > <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="7159714" 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/11160/1116072/1116072741.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15242/1524217/1524217627.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15414/1541416/1541416918.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/11160/1116072/1116072741.JPEG" alt="" loading="lazy" data-bhotel-id="7159714" 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> Très bon </span> <span> (234)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/henna-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Henna Hotel Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">103€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7159714" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="conrad-istanbul-bosphorus" data-bhotel-id="conrad-istanbul-bosphorus" data-name = "Conrad Istanbul Bosphorus" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/14337/1433721/1433721400.JPEG" data-lat="41.046994" data-lng="29.009122" data-price = "145€" data-link = "https://touristvr.com/fr/hotel-conrad-istanbul-bosphorus" > <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="89300" 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/14337/1433721/1433721400.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16076/1607658/1607658193.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15488/1548852/1548852508.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/14337/1433721/1433721400.JPEG" alt="" loading="lazy" data-bhotel-id="89300" 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> Très bon </span> <span> (486)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-conrad-istanbul-bosphorus" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Conrad Istanbul Bosphorus</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">145€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="89300" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="walton-hotels-galata" data-bhotel-id="walton-hotels-galata" data-name = "Walton Hotels Galata" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12781/1278161/1278161446.JPEG" data-lat="41.025833" data-lng="28.972326" data-price = "49€" data-link = "https://touristvr.com/fr/walton-hotels-galata-istambul" > <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="1658255" 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/12781/1278161/1278161446.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5175/517586/517586997.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5175/517587/517587099.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/12781/1278161/1278161446.JPEG" alt="" loading="lazy" data-bhotel-id="1658255" 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> Très bon </span> <span> (274)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/walton-hotels-galata-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Walton Hotels Galata</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">49€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1658255" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="pierre-loti-hotel-special-category" data-bhotel-id="pierre-loti-hotel-special-category" data-name = "Pierre Loti Hotel - Special Category" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/6815/681507/681507954.JPEG" data-lat="41.00809" data-lng="28.97281" data-price = "110€" data-link = "https://touristvr.com/fr/pierre-loti-hotel-special-category-istambul" > <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="87779" 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/6815/681507/681507954.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16437/1643755/1643755194.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16247/1624745/1624745399.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/6815/681507/681507954.JPEG" alt="" loading="lazy" data-bhotel-id="87779" 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> Très bon </span> <span> (333)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/pierre-loti-hotel-special-category-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Pierre Loti Hotel - Special Category</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">110€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="87779" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="akgun-istanbul-hotel" data-bhotel-id="akgun-istanbul-hotel" data-name = "Akgun Istanbul Hotel" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12749/1274909/1274909947.JPEG" data-lat="41.022995" data-lng="28.930614" data-price = "71€" data-link = "https://touristvr.com/fr/akgun-istanbul-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="235723" 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/12749/1274909/1274909947.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274910/1274910283.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274910/1274910346.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/12749/1274909/1274909947.JPEG" alt="" loading="lazy" data-bhotel-id="235723" 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> Très bon </span> <span> (436)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/akgun-istanbul-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">Akgun Istanbul 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">71€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="235723" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="no20-hotel-sultanahmet" data-bhotel-id="no20-hotel-sultanahmet" data-name = "No20 Hotel Sultanahmet" data-rating = "8" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15889/1588905/1588905422.JPEG" data-lat="41.00811922" data-lng="28.97606492" data-price = "55€" data-link = "https://touristvr.com/fr/no20-hotel-sultanahmet-istambul" > <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="11439903" 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/15889/1588905/1588905422.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15229/1522946/1522946218.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6322/632276/632276652.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/15889/1588905/1588905422.JPEG" alt="" loading="lazy" data-bhotel-id="11439903" 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> Très bon </span> <span> (268)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/no20-hotel-sultanahmet-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">No20 Hotel Sultanahmet</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">55€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="11439903" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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-amira-istanbul" data-bhotel-id="hotel-amira-istanbul" data-name = "Hotel Amira Istanbul" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12747/1274769/1274769907.JPEG" data-lat="41.003197" data-lng="28.974108" data-price = "216€" data-link = "https://touristvr.com/fr/hotel-amira-istambul" > <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="235809" 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/12747/1274769/1274769907.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12747/1274770/1274770891.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12747/1274771/1274771011.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/12747/1274769/1274769907.JPEG" alt="" loading="lazy" data-bhotel-id="235809" 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> (660)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-amira-istambul" class="text-lg leading-6 text-secondary-950 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 Amira Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">216€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="235809" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="dosso-dossi-hotels-spa-downtown" data-bhotel-id="dosso-dossi-hotels-spa-downtown" data-name = "Dosso Dossi Hotels & Spa Downtown" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/13589/1358996/1358996303.JPEG" data-lat="41.01702" data-lng="28.94097" data-price = "76€" data-link = "https://touristvr.com/fr/dosso-dossi-hotels-spa-downtown-istambul" > <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="1297332" 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/13589/1358996/1358996303.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12751/1275169/1275169693.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13635/1363518/1363518356.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/13589/1358996/1358996303.JPEG" alt="" loading="lazy" data-bhotel-id="1297332" 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> Très bon </span> <span> (391)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/dosso-dossi-hotels-spa-downtown-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Dosso Dossi Hotels & Spa Downtown</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">76€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1297332" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="wyndham-istanbul-old-city" data-bhotel-id="wyndham-istanbul-old-city" data-name = "Wyndham Istanbul Old City" data-rating = "8" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/10121/1012182/1012182814.JPEG" data-lat="41.012384" data-lng="28.95841" data-price = "99€" data-link = "https://touristvr.com/fr/hotel-wyndham-istanbul-old-city" > <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="186622" 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/10121/1012182/1012182814.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16093/1609313/1609313835.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7924/792491/792491565.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/10121/1012182/1012182814.JPEG" alt="" loading="lazy" data-bhotel-id="186622" 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> Très bon </span> <span> (547)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-wyndham-istanbul-old-city" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Wyndham Istanbul Old 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">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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">99€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="186622" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="grand-sirkeci-hotel" data-bhotel-id="grand-sirkeci-hotel" data-name = "Grand Sirkeci Hotel" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16272/1627259/1627259920.JPEG" data-lat="41.014529" data-lng="28.974496" data-price = "96€" data-link = "https://touristvr.com/fr/grand-sirkeci-hotel-istambul" > <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="6140626" 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/1627259/1627259920.JPEG" alt="" 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/1627259/1627259923.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12855/1285511/1285511170.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/1627259/1627259920.JPEG" alt="" loading="lazy" data-bhotel-id="6140626" 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> Très bon </span> <span> (218)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/grand-sirkeci-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Grand Sirkeci 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">96€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6140626" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="pera-palace-hotel" data-bhotel-id="pera-palace-hotel" data-name = "Pera Palace Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/4963/496305/496305540.JPEG" data-lat="41.0311629266231" data-lng="28.973650932312" data-price = "209€" data-link = "https://touristvr.com/fr/pera-palace-hotel-istambul" > <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="263351" 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/4963/496305/496305540.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274925/1274925085.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274924/1274924155.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/4963/496305/496305540.JPEG" alt="" loading="lazy" data-bhotel-id="263351" 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> Très bon </span> <span> (453)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/pera-palace-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Pera Palace 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">209€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="263351" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="dosso-dossi-hotels-old-city" data-bhotel-id="dosso-dossi-hotels-old-city" data-name = "Dosso Dossi Hotels Old City" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12749/1274980/1274980837.JPEG" data-lat="41.01012" data-lng="28.976989" data-price = "174€" data-link = "https://touristvr.com/fr/dosso-dossi-hotels-old-city-istambul" > <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="842255" 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/12749/1274980/1274980837.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15182/1518276/1518276199.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15182/1518276/1518276220.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/12749/1274980/1274980837.JPEG" alt="" loading="lazy" data-bhotel-id="842255" 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> Très bon </span> <span> (348)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/dosso-dossi-hotels-old-city-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Dosso Dossi Hotels Old 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">174€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="842255" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="romantic-hotel-istanbul" data-bhotel-id="romantic-hotel-istanbul" data-name = "Romantic Hotel Istanbul" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/13788/1378804/1378804352.JPEG" data-lat="41.00426" data-lng="28.9799" data-price = "101€" data-link = "https://touristvr.com/fr/romantic-hotel-istambul" > <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="14922" 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/13788/1378804/1378804352.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13788/1378805/1378805951.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13788/1378806/1378806821.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/13788/1378804/1378804352.JPEG" alt="" loading="lazy" data-bhotel-id="14922" 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> Très bon </span> <span> (213)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/romantic-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Romantic Hotel Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">101€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="14922" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="point-hotel-taksim" data-bhotel-id="point-hotel-taksim" data-name = "Point Hotel Taksim" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12749/1274949/1274949949.JPEG" data-lat="41.040649" data-lng="28.985743" data-price = "101€" data-link = "https://touristvr.com/fr/point-hotel-taksim-istambul" > <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="186630" 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/12749/1274949/1274949949.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274953/1274953960.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274952/1274952226.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/12749/1274949/1274949949.JPEG" alt="" loading="lazy" data-bhotel-id="186630" 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> Très bon </span> <span> (447)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/point-hotel-taksim-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Point Hotel Taksim</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">101€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="186630" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="erboy-hotel-istanbul-sirkeci" data-bhotel-id="erboy-hotel-istanbul-sirkeci" data-name = "Erboy Hotel Istanbul Sirkeci" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/11826/1182647/1182647116.JPEG" data-lat="41.01256" data-lng="28.97721" data-price = "56€" data-link = "https://touristvr.com/fr/erboy-hotel-istanbul-sirkeci" > <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="86298" 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/11826/1182647/1182647116.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15534/1553457/1553457280.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15534/1553457/1553457277.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/11826/1182647/1182647116.JPEG" alt="" loading="lazy" data-bhotel-id="86298" 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> (1115)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/erboy-hotel-istanbul-sirkeci" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Erboy Hotel Istanbul Sirkeci</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">56€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="86298" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="beyazit-palace-hotel" data-bhotel-id="beyazit-palace-hotel" data-name = "Beyazit Palace Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/10284/1028439/1028439028.JPEG" data-lat="41.008437" data-lng="28.960538" data-price = "39€" data-link = "https://touristvr.com/fr/beyazit-palace-hotel-istambul" > <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="5321656" 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/10284/1028439/1028439028.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12841/1284147/1284147238.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12841/1284147/1284147574.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/10284/1028439/1028439028.JPEG" alt="" loading="lazy" data-bhotel-id="5321656" 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> Très bon </span> <span> (200)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/beyazit-palace-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Beyazit Palace 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">39€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5321656" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="deluxe-golden-horn-sultanahmet-hotel" data-bhotel-id="deluxe-golden-horn-sultanahmet-hotel" data-name = "Deluxe Golden Horn Sultanahmet Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15805/1580523/1580523723.JPEG" data-lat="41.00726" data-lng="28.97375" data-price = "74€" data-link = "https://touristvr.com/fr/deluxe-golden-horn-sultanahmet-hotel-istambul" > <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="303151" 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/15805/1580523/1580523723.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15805/1580523/1580523875.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/1094/109416/109416279.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/15805/1580523/1580523723.JPEG" alt="" loading="lazy" data-bhotel-id="303151" 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> Très bon </span> <span> (667)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/deluxe-golden-horn-sultanahmet-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Deluxe Golden Horn Sultanahmet 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">74€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="303151" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="orka-royal-hotel-spa" data-bhotel-id="orka-royal-hotel-spa" data-name = "Orka Royal Hotel & Spa" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15519/1551932/1551932638.JPEG" data-lat="41.01402284109613" data-lng="28.978111804893494" data-price = "49€" data-link = "https://touristvr.com/fr/orka-royal-hotel-spa-istambul" > <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="86521" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15519/1551932/1551932638.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12746/1274696/1274696563.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12746/1274696/1274696452.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15519/1551932/1551932638.JPEG" alt="" loading="lazy" data-bhotel-id="86521" 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> Très bon </span> <span> (568)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/orka-royal-hotel-spa-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Orka Royal Hotel & Spa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">49€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="86521" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="kalyon-hotel-istanbul" data-bhotel-id="kalyon-hotel-istanbul" data-name = "Kalyon Hotel Istanbul" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15844/1584415/1584415788.JPEG" data-lat="41.003" data-lng="28.98095" data-price = "56€" data-link = "https://touristvr.com/fr/kalyon-hotel-istambul" > <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="48401" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15844/1584415/1584415788.JPEG" alt="" 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/1584414/1584414908.JPEG" alt="" 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/1584414/1584414923.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/15844/1584415/1584415788.JPEG" alt="" loading="lazy" data-bhotel-id="48401" 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> Très bon </span> <span> (584)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/kalyon-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Kalyon Hotel Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">56€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="48401" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="wish-more-hotel-istanbul" data-bhotel-id="wish-more-hotel-istanbul" data-name = "Wish More Hotel Istanbul" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12800/1280055/1280055304.JPEG" data-lat="41.048943" data-lng="28.899295" data-price = "49€" data-link = "https://touristvr.com/fr/wish-more-hotel-istambul" > <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="1710928" 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/12800/1280055/1280055304.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12800/1280052/1280052664.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12800/1280055/1280055226.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/12800/1280055/1280055304.JPEG" alt="" loading="lazy" data-bhotel-id="1710928" 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> Très bon </span> <span> (311)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/wish-more-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Wish More Hotel Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">49€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1710928" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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-arcadia-blue-istanbul" data-bhotel-id="hotel-arcadia-blue-istanbul" data-name = "Hotel Arcadia Blue Istanbul" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/10761/1076114/1076114341.JPEG" data-lat="41.006832" data-lng="28.97362" data-price = "177€" data-link = "https://touristvr.com/fr/hotel-arcadia-blue-istambul" > <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="186896" 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/1076114/1076114341.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12318/1231869/1231869467.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12318/1231882/1231882544.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/1076114/1076114341.JPEG" alt="" loading="lazy" data-bhotel-id="186896" 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> Très bon </span> <span> (424)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-arcadia-blue-istambul" class="text-lg leading-6 text-secondary-950 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 Arcadia Blue Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">177€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="186896" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="pell-palace-hotel-spa" data-bhotel-id="pell-palace-hotel-spa" data-name = "Pell Palace Hotel & Spa" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/9308/930852/930852814.JPEG" data-lat="41.007455" data-lng="28.970097" data-price = "104€" data-link = "https://touristvr.com/fr/pell-palace-hotel-spa-istambul" > <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="5538147" 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/9308/930852/930852814.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15519/1551916/1551916387.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11998/1199833/1199833264.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/9308/930852/930852814.JPEG" alt="" loading="lazy" data-bhotel-id="5538147" 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> Très bon </span> <span> (190)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/pell-palace-hotel-spa-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Pell Palace Hotel & Spa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">104€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5538147" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="skalion-hotel" data-bhotel-id="skalion-hotel" data-name = "Skalion Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15349/1534999/1534999276.JPEG" data-lat="41.004982" data-lng="28.96484" data-price = "61€" data-link = "https://touristvr.com/fr/skalion-hotel-spa-istambul" > <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="899907" 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/15349/1534999/1534999276.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15349/1534990/1534990510.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15350/1535003/1535003029.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/15349/1534999/1534999276.JPEG" alt="" loading="lazy" data-bhotel-id="899907" 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> Très bon </span> <span> (394)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/skalion-hotel-spa-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Skalion 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">61€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="899907" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="armada-istanbul-old-city-hotel" data-bhotel-id="armada-istanbul-old-city-hotel" data-name = "Armada Istanbul Old City Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16228/1622866/1622866107.JPEG" data-lat="41.00400206" data-lng="28.98177426" data-price = "36€" data-link = "https://touristvr.com/fr/armada-istanbul-old-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="86323" 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/16228/1622866/1622866107.JPEG" alt="" 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/1580308/1580308869.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16228/1622866/1622866089.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/16228/1622866/1622866107.JPEG" alt="" loading="lazy" data-bhotel-id="86323" 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> Très bon </span> <span> (410)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/armada-istanbul-old-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">Armada Istanbul Old City 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">36€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="86323" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hilton-istanbul-kozyatagi" data-bhotel-id="hilton-istanbul-kozyatagi" data-name = "Hilton Istanbul Kozyatagi" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12749/1274999/1274999212.JPEG" data-lat="40.987" data-lng="29.085933" data-price = "61€" data-link = "https://touristvr.com/fr/hotel-hilton-istanbul-kozyatagi" > <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="856858" 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/12749/1274999/1274999212.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15526/1552670/1552670107.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15947/1594710/1594710381.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/12749/1274999/1274999212.JPEG" alt="" loading="lazy" data-bhotel-id="856858" 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> Très bon </span> <span> (196)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-hilton-istanbul-kozyatagi" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hilton Istanbul Kozyatagi</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">9.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">61€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="856858" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="miss-istanbul-hotel-spa" data-bhotel-id="miss-istanbul-hotel-spa" data-name = "Miss Istanbul Hotel & Spa" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/7190/719017/719017801.JPEG" data-lat="41.01322" data-lng="28.9785" data-price = "70€" data-link = "https://touristvr.com/fr/miss-istanbul-hotel-spa" > <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="3619974" 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/7190/719017/719017801.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12800/1280034/1280034439.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7506/750696/750696209.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/7190/719017/719017801.JPEG" alt="" loading="lazy" data-bhotel-id="3619974" 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> Très bon </span> <span> (442)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/miss-istanbul-hotel-spa" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Miss Istanbul Hotel & Spa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">70€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3619974" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hilton-istanbul-bomonti" data-bhotel-id="hilton-istanbul-bomonti" data-name = "Hilton Istanbul Bomonti" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/14379/1437910/1437910882.JPEG" data-lat="41.058587" data-lng="28.979182" data-price = "123€" data-link = "https://touristvr.com/fr/hotel-hilton-istanbul-bomonti" > <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="682079" 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/14379/1437910/1437910882.JPEG" alt="" 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/1600585/1600585306.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16429/1642967/1642967736.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/14379/1437910/1437910882.JPEG" alt="" loading="lazy" data-bhotel-id="682079" 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> Très bon </span> <span> (470)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-hilton-istanbul-bomonti" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hilton Istanbul Bomonti</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">123€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="682079" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="yotel-istanbul-airport-city-entrance" data-bhotel-id="yotel-istanbul-airport-city-entrance" data-name = "Yotel Istanbul Airport, City Entrance" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12853/1285300/1285300174.JPEG" data-lat="41.260898" data-lng="28.740612" data-price = "193€" data-link = "https://touristvr.com/fr/yotel-istanbul-airport-city-entrance" > <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="4637618" 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/12853/1285300/1285300174.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12852/1285298/1285298797.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12853/1285300/1285300570.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/12853/1285300/1285300174.JPEG" alt="" loading="lazy" data-bhotel-id="4637618" 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> Très bon </span> <span> (329)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/yotel-istanbul-airport-city-entrance" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Yotel Istanbul Airport, City Entrance</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">34.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">193€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4637618" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="great-fortune-hotelspa" data-bhotel-id="great-fortune-hotelspa" data-name = "Great Fortune Hotel&Spa" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/16428/1642896/1642896269.JPEG" data-lat="41.00919" data-lng="28.974173" data-price = "47€" data-link = "https://touristvr.com/fr/great-fortune-hotel-spa-istambul" > <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="13490068" 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/16428/1642896/1642896269.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16428/1642896/1642896233.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16428/1642896/1642896265.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/16428/1642896/1642896269.JPEG" alt="" loading="lazy" data-bhotel-id="13490068" 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> Très bon </span> <span> (352)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/great-fortune-hotel-spa-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Great Fortune Hotel&Spa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">47€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="13490068" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="melas-hotel-istanbul" data-bhotel-id="melas-hotel-istanbul" data-name = "Melas Hotel Istanbul" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12856/1285628/1285628527.JPEG" data-lat="41.0659523" data-lng="29.00349236" data-price = "127€" data-link = "https://touristvr.com/fr/melas-hotel-istambul" > <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="6925209" 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/12856/1285628/1285628527.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11628/1162877/1162877184.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11628/1162878/1162878483.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/12856/1285628/1285628527.JPEG" alt="" loading="lazy" data-bhotel-id="6925209" 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> Très bon </span> <span> (215)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/melas-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Melas Hotel Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">127€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6925209" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="mest-hotel-istanbul-sirkeci" data-bhotel-id="mest-hotel-istanbul-sirkeci" data-name = "Mest Hotel Istanbul Sirkeci" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/11308/1130861/1130861313.JPEG" data-lat="41.01568604" data-lng="28.97154999" data-price = "97€" data-link = "https://touristvr.com/fr/mest-hotel-istanbul-sirkeci" > <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="7541515" 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/11308/1130861/1130861313.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15004/1500452/1500452059.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15848/1584870/1584870853.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/11308/1130861/1130861313.JPEG" alt="" loading="lazy" data-bhotel-id="7541515" 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> Très bon </span> <span> (244)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/mest-hotel-istanbul-sirkeci" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Mest Hotel Istanbul Sirkeci</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">97€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7541515" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="novotel-istanbul-bosphorus-hotel" data-bhotel-id="novotel-istanbul-bosphorus-hotel" data-name = "Novotel Istanbul Bosphorus Hotel" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/14991/1499145/1499145565.JPEG" data-lat="41.024666" data-lng="28.979981" data-price = "143€" data-link = "https://touristvr.com/fr/novotel-istanbul-bosphorus-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="1527752" 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/14991/1499145/1499145565.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12748/1274874/1274874010.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12748/1274873/1274873617.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/14991/1499145/1499145565.JPEG" alt="" loading="lazy" data-bhotel-id="1527752" 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> Très bon </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/fr/novotel-istanbul-bosphorus-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">Novotel Istanbul Bosphorus 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">143€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1527752" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="legacy-ottoman-hotel" data-bhotel-id="legacy-ottoman-hotel" data-name = "Legacy Ottoman Hotel" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12749/1274942/1274942077.JPEG" data-lat="41.01578" data-lng="28.97392" data-price = "127€" data-link = "https://touristvr.com/fr/legacy-ottoman-hotel-istambul" > <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="89920" 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/12749/1274942/1274942077.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274941/1274941447.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274942/1274942287.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/12749/1274942/1274942077.JPEG" alt="" loading="lazy" data-bhotel-id="89920" 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> Très bon </span> <span> (639)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/legacy-ottoman-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Legacy Ottoman 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">127€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="89920" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="ferman-port-hotel-special-category" data-bhotel-id="ferman-port-hotel-special-category" data-name = "Ferman Port Hotel - Special Category" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12855/1285539/1285539931.JPEG" data-lat="41.02257" data-lng="28.97605" data-price = "141€" data-link = "https://touristvr.com/fr/ferman-port-hotel-special-category-istambul" > <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="6141606" 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/12855/1285539/1285539931.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12855/1285540/1285540129.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12855/1285539/1285539562.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/12855/1285539/1285539931.JPEG" alt="" loading="lazy" data-bhotel-id="6141606" 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> Très bon </span> <span> (250)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/ferman-port-hotel-special-category-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ferman Port Hotel - Special Category</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">141€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6141606" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="rixos-pera-istanbul" data-bhotel-id="rixos-pera-istanbul" data-name = "Rixos Pera Istanbul" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/13988/1398820/1398820082.JPEG" data-lat="41.033352" data-lng="28.975206" data-price = "135€" data-link = "https://touristvr.com/fr/hotel-rixos-pera-istambul" > <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="373725" 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/13988/1398820/1398820082.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14035/1403516/1403516996.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14035/1403515/1403515289.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/13988/1398820/1398820082.JPEG" alt="" loading="lazy" data-bhotel-id="373725" 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> Très bon </span> <span> (697)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-rixos-pera-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Rixos Pera Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">135€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="373725" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="catch-hotel-sultanahmet-special-category" data-bhotel-id="catch-hotel-sultanahmet-special-category" data-name = "Catch Hotel Sultanahmet-Special Category" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12616/1261675/1261675069.JPEG" data-lat="41.0027" data-lng="28.9791" data-price = "73€" data-link = "https://touristvr.com/fr/catch-hotel-sultanahmet-special-category-istambul" > <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="5880964" 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/12616/1261675/1261675069.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12849/1284923/1284923170.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12849/1284923/1284923449.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/12616/1261675/1261675069.JPEG" alt="" loading="lazy" data-bhotel-id="5880964" 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> Très bon </span> <span> (194)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/catch-hotel-sultanahmet-special-category-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Catch Hotel Sultanahmet-Special Category</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">73€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5880964" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="grand-hyatt-istanbul" data-bhotel-id="grand-hyatt-istanbul" data-name = "Grand Hyatt Istanbul" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/9137/913779/913779076.JPEG" data-lat="41.04064592289422" data-lng="28.988629504299144" data-price = "122€" data-link = "https://touristvr.com/fr/hotel-grand-hyatt-istambul" > <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="387430" 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/9137/913779/913779076.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16410/1641019/1641019083.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16410/1641019/1641019098.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/9137/913779/913779076.JPEG" alt="" loading="lazy" data-bhotel-id="387430" 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> Très bon </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/fr/hotel-grand-hyatt-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Grand Hyatt Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">122€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="387430" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="gorrion-hotel-istanbul" data-bhotel-id="gorrion-hotel-istanbul" data-name = "Gorrion Hotel Istanbul" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/1362/136247/136247109.JPEG" data-lat="41.00269" data-lng="28.82169" data-price = "57€" data-link = "https://touristvr.com/fr/gorrion-hotel-istambul" > <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="1040744" 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/1362/136247/136247109.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274998/1274998027.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15912/1591243/1591243938.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/1362/136247/136247109.JPEG" alt="" loading="lazy" data-bhotel-id="1040744" 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> Très bon </span> <span> (230)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/gorrion-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Gorrion Hotel Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">12.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">57€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1040744" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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-yasmak-sultan" data-bhotel-id="hotel-yasmak-sultan" data-name = "Hotel Yasmak Sultan" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12749/1274932/1274932219.JPEG" data-lat="41.01220639790788" data-lng="28.97763926198865" data-price = "76€" data-link = "https://touristvr.com/fr/hotel-yasmak-sultan-istambul" > <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="86080" 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/12749/1274932/1274932219.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274931/1274931529.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274931/1274931622.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/12749/1274932/1274932219.JPEG" alt="" loading="lazy" data-bhotel-id="86080" 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> (549)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-yasmak-sultan-istambul" class="text-lg leading-6 text-secondary-950 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 Yasmak Sultan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">76€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="86080" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="carlton-hotel-old-city" data-bhotel-id="carlton-hotel-old-city" data-name = "Carlton Hotel Old City" data-rating = "7.6" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/9825/982598/982598425.JPEG" data-lat="41.01239" data-lng="28.957125" data-price = "28€" data-link = "https://touristvr.com/fr/carlton-hotel-old-city-istambul" > <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="171667" 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/9825/982598/982598425.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12751/1275114/1275114868.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12751/1275115/1275115156.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/9825/982598/982598425.JPEG" alt="" loading="lazy" data-bhotel-id="171667" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Très bon </span> <span> (385)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/carlton-hotel-old-city-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Carlton Hotel Old 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">28€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="171667" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="levni-hotel-spa-special-category" data-bhotel-id="levni-hotel-spa-special-category" data-name = "Levni Hotel & Spa - Special Category" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12749/1274958/1274958454.JPEG" data-lat="41.012772" data-lng="28.975859" data-price = "99€" data-link = "https://touristvr.com/fr/levni-hotel-spa-special-category-istambul" > <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="268456" 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/12749/1274958/1274958454.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274957/1274957791.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274957/1274957899.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/12749/1274958/1274958454.JPEG" alt="" loading="lazy" data-bhotel-id="268456" 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> (820)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/levni-hotel-spa-special-category-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Levni Hotel & Spa - Special Category</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">99€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="268456" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="shangri-la-bosphorus-istanbul" data-bhotel-id="shangri-la-bosphorus-istanbul" data-name = "Shangri-La Bosphorus, Istanbul" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12749/1274969/1274969443.JPEG" data-lat="41.0405495669013" data-lng="29.0051373839378" data-price = "298€" data-link = "https://touristvr.com/fr/hotel-shangri-la-bosphorus-istambul" > <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="545336" 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/12749/1274969/1274969443.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274967/1274967727.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274967/1274967535.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/12749/1274969/1274969443.JPEG" alt="" loading="lazy" data-bhotel-id="545336" 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> Très bon </span> <span> (194)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-shangri-la-bosphorus-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Shangri-La Bosphorus, Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">298€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="545336" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-stay-bosphorus" data-bhotel-id="the-stay-bosphorus" data-name = "The Stay Bosphorus" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12784/1278484/1278484546.JPEG" data-lat="41.047558" data-lng="29.025265" data-price = "257€" data-link = "https://touristvr.com/fr/the-stay-bosphorus-istambul" > <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="301443" 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/12784/1278484/1278484546.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12784/1278483/1278483538.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12784/1278481/1278481942.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/12784/1278484/1278484546.JPEG" alt="" loading="lazy" data-bhotel-id="301443" 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> Très bon </span> <span> (303)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/the-stay-bosphorus-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Stay Bosphorus</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">257€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="301443" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="point-hotel-barbaros" data-bhotel-id="point-hotel-barbaros" data-name = "Point Hotel Barbaros" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/2454/245415/245415793.JPEG" data-lat="41.064113" data-lng="29.010586" data-price = "145€" data-link = "https://touristvr.com/fr/point-hotel-barbaros-istambul" > <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="191347" 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/2454/245415/245415793.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12751/1275157/1275157513.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12751/1275158/1275158074.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/2454/245415/245415793.JPEG" alt="" loading="lazy" data-bhotel-id="191347" 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> Très bon </span> <span> (297)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/point-hotel-barbaros-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Point Hotel Barbaros</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">145€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="191347" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="neorion-hotel-special-class" data-bhotel-id="neorion-hotel-special-class" data-name = "Neorion Hotel - Special Class" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/738/73884/73884737.JPEG" data-lat="41.0136299133301" data-lng="28.9764194488525" data-price = "174€" data-link = "https://touristvr.com/fr/neorion-hotel-special-class-istambul" > <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="309074" 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/738/73884/73884737.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16110/1611084/1611084282.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16110/1611084/1611084286.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/738/73884/73884737.JPEG" alt="" loading="lazy" data-bhotel-id="309074" 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> (760)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/neorion-hotel-special-class-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Neorion Hotel - Special Class</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">174€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="309074" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="grand-beyazit-hotel-old-city" data-bhotel-id="grand-beyazit-hotel-old-city" data-name = "Grand Beyazit Hotel Old City" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/8344/834444/834444293.JPEG" data-lat="41.00820329495379" data-lng="28.963831542178767" data-price = "63€" data-link = "https://touristvr.com/fr/grand-beyazit-hotel-old-city-istambul" > <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="274569" 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/8344/834444/834444293.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274982/1274982049.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12749/1274982/1274982523.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/8344/834444/834444293.JPEG" alt="" loading="lazy" data-bhotel-id="274569" 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> Très bon </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/fr/grand-beyazit-hotel-old-city-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Grand Beyazit Hotel Old 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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">63€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="274569" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-bank-hotel-istanbul-a-member-of-design-hotels" data-bhotel-id="the-bank-hotel-istanbul-a-member-of-design-hotels" data-name = "The Bank Hotel Istanbul, A Member Of Design Hotels" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/10350/1035004/1035004958.JPEG" data-lat="41.023891" data-lng="28.973705" data-price = "174€" data-link = "https://touristvr.com/fr/the-bank-hotel-istanbul-a-member-of-design-hotels" > <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="867684" 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/10350/1035004/1035004958.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12785/1278502/1278502903.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12785/1278503/1278503269.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/10350/1035004/1035004958.JPEG" alt="" loading="lazy" data-bhotel-id="867684" 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> Très bon </span> <span> (236)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/the-bank-hotel-istanbul-a-member-of-design-hotels" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Bank Hotel Istanbul, A Member Of Design Hotels</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">174€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="867684" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="byotell-hotel-istanbul" data-bhotel-id="byotell-hotel-istanbul" data-name = "Byotell Hotel Istanbul" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15903/1590338/1590338673.JPEG" data-lat="40.97548362662446" data-lng="29.097708463668823" data-price = "31€" data-link = "https://touristvr.com/fr/byotell-hotel-istambul" > <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="88826" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15903/1590338/1590338673.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12748/1274875/1274875363.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12748/1274875/1274875513.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15903/1590338/1590338673.JPEG" alt="" loading="lazy" data-bhotel-id="88826" 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> Très bon </span> <span> (365)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/byotell-hotel-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Byotell Hotel Istanbul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">11.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">31€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="88826" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="intercontinental-istanbul-an-ihg-hotel" data-bhotel-id="intercontinental-istanbul-an-ihg-hotel" data-name = "Intercontinental Istanbul, An Ihg Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/16197/1619759/1619759548.JPEG" data-lat="41.0398623" data-lng="28.987966599999936" data-price = "147€" data-link = "https://touristvr.com/fr/intercontinental-istanbul-an-ihg-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="41865" 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/16197/1619759/1619759548.JPEG" alt="" 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/1619759/1619759542.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16308/1630866/1630866369.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/16197/1619759/1619759548.JPEG" alt="" loading="lazy" data-bhotel-id="41865" 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> (800)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/intercontinental-istanbul-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Intercontinental Istanbul, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">147€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="41865" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="sirkeci-ersu-hotel-spa" data-bhotel-id="sirkeci-ersu-hotel-spa" data-name = "Sirkeci Ersu Hotel & Spa" data-rating = "8.4" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/15195/1519559/1519559158.JPEG" data-lat="41.01235" data-lng="28.97788" data-price = "93€" data-link = "https://touristvr.com/fr/sirkeci-ersu-hotel-spa-istambul" > <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="3434426" 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/15195/1519559/1519559158.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16294/1629455/1629455228.JPEG" alt="" 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/1584736/1584736067.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/15195/1519559/1519559158.JPEG" alt="" loading="lazy" data-bhotel-id="3434426" 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> Très bon </span> <span> (243)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/sirkeci-ersu-hotel-spa-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sirkeci Ersu Hotel & Spa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">93€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3434426" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="ottomans-life-hotel-deluxe" data-bhotel-id="ottomans-life-hotel-deluxe" data-name = "Ottoman'S Life Hotel Deluxe" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/8946/894674/894674389.JPEG" data-lat="41.014107574863" data-lng="28.9423951506615" data-price = "71€" data-link = "https://touristvr.com/fr/ottoman-s-life-hotel-deluxe-istambul" > <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="4523144" 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/8946/894674/894674389.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12818/1281822/1281822352.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12818/1281824/1281824020.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/8946/894674/894674389.JPEG" alt="" loading="lazy" data-bhotel-id="4523144" 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> Très bon </span> <span> (146)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/ottoman-s-life-hotel-deluxe-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ottoman'S Life Hotel Deluxe</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">71€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4523144" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-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="metropolitan-hotels-bosphorus-special-category" data-bhotel-id="metropolitan-hotels-bosphorus-special-category" data-name = "Metropolitan Hotels Bosphorus - Special Category" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12798/1279861/1279861072.JPEG" data-lat="41.03053" data-lng="28.98846" data-price = "60€" data-link = "https://touristvr.com/fr/metropolitan-hotels-bosphorus-special-category-istambul" > <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="1820405" 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/12798/1279861/1279861072.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12798/1279861/1279861960.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12798/1279862/1279862044.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/12798/1279861/1279861072.JPEG" alt="" loading="lazy" data-bhotel-id="1820405" 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> Très bon </span> <span> (193)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/metropolitan-hotels-bosphorus-special-category-istambul" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Metropolitan Hotels Bosphorus - Special Category</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">60€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1820405" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .swiper-pagination-bullet { background: #FFFFFF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hilton-istanbul-maslak" data-bhotel-id="hilton-istanbul-maslak" data-name = "Hilton Istanbul Maslak" data-rating = "8.2" data-rating-label = "Très bon" data-img = "https://images.touristvr.com/data/images/450x450w/12799/1279980/1279980859.JPEG" data-lat="41.108955" data-lng="29.023146" data-price = "153€" data-link = "https://touristvr.com/fr/hotel-hilton-istanbul-maslak" > <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="88991" 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/12799/1279980/1279980859.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15526/1552668/1552668628.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15526/1552668/1552668355.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/12799/1279980/1279980859.JPEG" alt="" loading="lazy" data-bhotel-id="88991" 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> Très bon </span> <span> (263)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/fr/hotel-hilton-istanbul-maslak" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hilton Istanbul Maslak</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <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">Voir la carte</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">11.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">De</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">153€</span> <span class="text-secondary-950 font-normal text-sm">/par nuit</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="88991" > <span class="mr-2">Vérifier la disponibilité</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="41.0098" data-lng="28.9718"></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">De</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/par nuit</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>Afficher la carte</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>Afficher la liste</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">Découvrez votre séjour idéal</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Si vous prévoyez de voyager à Istanbul, vous vous demandez peut-être où séjourner. Alors que certains optent pour des locations de vacances, des auberges ou des appartements, il y a plusieurs raisons pour lesquelles les hôtels sont le meilleur choix pour votre séjour.</p><p>Premièrement, les hôtels à Istanbul offrent une expérience d'accueil complète avec des commodités de première classe. Que vous soyez à la recherche d'un hébergement économique ou luxueux, vous pourrez trouver des options d'hébergement qui répondent à vos besoins et à votre budget. Les hôtels proposent des chambres nettoyées quotidiennement, des installations de conditionnement physique, des restaurants sur place et même des spa.</p><p>Deuxièmement, les hôtels sont situés à proximité des attractions touristiques d'Istanbul, ce qui en fait une option idéale pour les voyageurs qui souhaitent explorer la ville sans perdre de temps à se déplacer. La plupart des hôtels sont situés dans des quartiers animés et cosmopolites, offrant un accès facile aux musées, quartiers commerçants et aux meilleures adresses gastronomiques.</p><p>Troisièmement, les hôtels sont plus sûrs que d'autres options d'hébergement, offrant aux voyageurs la tranquillité d'esprit pendant leur séjour. Les hôtels sont équipés de systèmes de sécurité sophistiqués, notamment des caméras de sécurité, des portes verrouillées et des gardes de sécurité en service 24 heures sur 24.</p><p>Enfin, les hôtels offrent un niveau de service inégalé. Les employés peuvent vous aider à planifier des excursions, à réserver des taxis et des vols locaux ou à vous orienter vers les meilleurs endroits de la ville. Si vous avez des questions ou des préoccupations, vous pouvez facilement les résoudre en vous adressant à la réception. En somme, les hôtels restent le meilleur choix pour les voyageurs souhaitant séjourner sur le long terme à Istanbul.</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-305077" data-langcode="fr" data-bcity-id="-755070" data-city-name="Istambul" > <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>Nom de l'hôtel</span> </td> <td style="width: 135px;"> <span>Note de réservation</span> </td> <td style="width: 100px;"> <span>Prix, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#istanbul-marriott-hotel-sisli" class="js-clk-open" data-type="table" data-bhotel-id="826273" data-open-once data-open-passive>Istanbul Marriott Hotel Sisli</a> </td> <td> <p> 8.1 / 10 </p> <p> (1807 Note des clients)</p> </td> <td> <span>De 178€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="826273">Vérifier le prix</button> </td> </tr> <tr> <td> <a href="#pullman-istanbul-hotel-convention-center" class="js-clk-open" data-type="table" data-bhotel-id="1635839" data-open-once data-open-passive>Pullman Istanbul Hotel & Convention Center</a> </td> <td> <p> 8.3 / 10 </p> <p> (721 Note des clients)</p> </td> <td> <span>De 63€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1635839">Vérifier le prix</button> </td> </tr> <tr> <td> <a href="#hotel-hilton-istanbul-bakirkoy" class="js-clk-open" data-type="table" data-bhotel-id="2693644" data-open-once data-open-passive>Hotel Hilton Istanbul Bakirkoy</a> </td> <td> <p> 8.2 / 10 </p> <p> (2450 Note des clients)</p> </td> <td> <span>De 101€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="2693644">Vérifier le prix</button> </td> </tr> <tr> <td> <a href="#express-inci-hotel" class="js-clk-open" data-type="table" data-bhotel-id="1904055" data-open-once data-open-passive>Express Inci Hotel</a> </td> <td> <p> 7.3 / 10 </p> <p> (454 Note des clients)</p> </td> <td> <span>De 17€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1904055">Vérifier le prix</button> </td> </tr> <tr> <td> <a href="#emos-hotel" class="js-clk-open" data-type="table" data-bhotel-id="7163701" data-open-once data-open-passive>Emos Hotel</a> </td> <td> <p> 7.8 / 10 </p> <p> (94 Note des clients)</p> </td> <td> <span>De 50€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="7163701">Vérifier le prix</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="istanbul-marriott-hotel-sisli" data-id="514027" data-lat="41.064114" data-lng="28.98775"> <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/5439/543952/543952161.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/5439/543952/543952161.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600242/1600242432.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16197/1619773/1619773873.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16197/1619774/1619774160.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622880/1622880796.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623673/1623673318.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623673/1623673610.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616891/1616891895.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616891/1616891898.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16083/1608307/1608307619.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16083/1608307/1608307622.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15989/1598916/1598916821.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600242/1600242416.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600242/1600242419.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600242/1600242423.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600242/1600242440.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15875/1587522/1587522681.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15673/1567302/1567302050.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15001/1500101/1500101329.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540520/1540520635.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543853/1543853668.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15540/1554034/1554034288.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540520/1540520608.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540519/1540519870.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15845/1584576/1584576478.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16083/1608307/1608307620.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15881/1588186/1588186382.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540518/1540518781.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16197/1619774/1619774113.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13931/1393136/1393136495.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13931/1393140/1393140362.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398589/1398589856.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398589/1398589904.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398593/1398593522.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398593/1398593747.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398593/1398593783.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398593/1398593816.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398593/1398593846.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398599/1398599648.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398599/1398599684.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398599/1398599714.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398609/1398609287.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398609/1398609368.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398609/1398609404.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398609/1398609452.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398612/1398612788.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398612/1398612818.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13931/1393140/1393140374.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16197/1619774/1619774286.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15845/1584576/1584576435.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398593/1398593882.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13931/1393136/1393136681.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398599/1398599597.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543955/543955905.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600242/1600242412.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13931/1393136/1393136708.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15881/1588186/1588186357.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16083/1608307/1608307621.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616891/1616891894.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558112.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543959/543959676.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398609/1398609254.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622072/1622072622.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398612/1398612956.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558136.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543952/543952191.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558073.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558118.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543952/543952044.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558337.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558085.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558349.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398612/1398612635.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543952/543952674.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543954/543954246.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398589/1398589916.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616891/1616891882.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543915/543915660.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543951/543951780.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543959/543959550.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398612/1398612713.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543853/1543853569.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558154.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398589/1398589838.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543959/543959718.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13985/1398589/1398589766.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15881/1588186/1588186327.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558100.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558106.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600242/1600242411.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15875/1587522/1587522679.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543954/543954138.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543952/543952590.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15475/1547524/1547524033.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13986/1398609/1398609428.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616891/1616891892.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5439/543952/543952752.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7205/720558/720558322.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16174/1617425/1617425393.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10187/1018770/1018770604.JPEG" data-image-gallery="galleryistanbul-marriott-hotel-sisli" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="istanbul-marriott-hotel-sisli" > </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> Très bon </span> <span> (1807)</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="826273">Istanbul Marriott Hotel Sisli</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">Abide-I Hurriyet Caddesi No.142 , Sisli</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Istanbul Marriott Hotel Sisli se trouve dans le quartier Şişli et offre un hébergement à 10 minutes du Pont du Bosphore. Bénéficiant d'un emplacement au cœur de la ville et de cours de Pilates, de cours d'aérobic et de cours d'yoga sur place, l'hôtel dispose bar lounge.</p><p>Situé dans la partie historique d'Istambul, cet hôtel se trouve à 400 mètres de la station de métro le Sisli. L'immeuble à Istambul se trouve juste à 2,7 km de Taksim Meydanı. Il est situé juste tout près de Citerne Basilique. Il est à 42 minutes de l'aéroport Aeroport d'Istanbul et juste à moins de 10 minutes de route de la gare Sultanahmet Tram.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">178€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="826273" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="pullman-istanbul-hotel-convention-center" data-id="514028" data-lat="41.006165" data-lng="28.81171"> <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/15478/1547809/1547809702.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15478/1547809/1547809702.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278523/1278523726.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278522/1278522505.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278522/1278522967.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278523/1278523054.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278523/1278523270.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278518/1278518530.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278523/1278523195.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519232.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278518/1278518866.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278520/1278520294.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278520/1278520393.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278520/1278520537.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278518/1278518650.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278522/1278522640.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278523/1278523438.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15478/1547809/1547809699.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15478/1547809/1547809708.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278520/1278520729.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278516/1278516799.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278516/1278516847.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278516/1278516931.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517210.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517426.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517567.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517798.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517999.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519283.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519580.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519736.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519784.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519997.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278520/1278520252.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278520/1278520474.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278521/1278521338.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278521/1278521785.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278521/1278521845.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278522/1278522058.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278522/1278522106.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278522/1278522205.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4342/434249/434249691.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4335/433505/433505232.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4369/436933/436933500.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4342/434241/434241702.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278518/1278518725.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278521/1278521395.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278520/1278520102.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278520/1278520207.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519049.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519703.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519838.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519934.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278521/1278521185.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519103.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519424.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4350/435043/435043821.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4349/434928/434928291.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4350/435006/435006645.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278522/1278522559.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4349/434900/434900334.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4349/434936/434936421.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278520/1278520777.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517126.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517522.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4329/432929/432929562.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278520/1278520150.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4349/434972/434972607.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278519/1278519454.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4348/434893/434893008.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517327.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517741.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4349/434936/434936457.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4369/436977/436977435.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517264.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278518/1278518137.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14084/1408413/1408413719.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4342/434267/434267319.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3688/368862/368862229.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3688/368862/368862262.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3688/368862/368862298.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278522/1278522898.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3688/368862/368862277.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278518/1278518947.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5032/503278/503278959.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278517/1278517180.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7486/748693/748693901.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3385/338517/338517505.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3385/338517/338517502.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3385/338517/338517508.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3385/338517/338517511.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5870/587022/587022210.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3087/308719/308719497.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3087/308719/308719481.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5032/503278/503278920.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3087/308719/308719489.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5802/580205/580205118.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5802/580204/580204128.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4344/434455/434455428.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5802/580204/580204173.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1548/154845/154845734.JPEG" data-image-gallery="gallerypullman-istanbul-hotel-convention-center" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="pullman-istanbul-hotel-convention-center" > </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> Très bon </span> <span> (721)</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="1635839">Pullman Istanbul Hotel & Convention Center</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">Yenibosna Merkez Mahallesi</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Situé à proximité des restaurants et des bars, à peu près de 6 km de Musée de l'aviation, Pullman Istanbul Hotel & Convention Center comprend un stockage des bagages et un salon de coiffure. L'hôtel comprend un restaurant à la carte et un lobby bar sur place et offre de profiter d'un centre de fitness.</p><p>Cet hôtel est parfaitement situé dans le district Côté Européen. Il se trouve dans la vieille partie d'Istambul. Cet établissement 5 étoiles est à 40 minutes de route de l'aéroport Aeroport d'Istanbul, et quasiment à 16 km de la gare Sultanahmet Tram.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">63€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="1635839" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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-hilton-istanbul-bakirkoy" data-id="514029" data-lat="40.979514" data-lng="28.886766"> <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/15526/1552680/1552680943.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15526/1552680/1552680943.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280007/1280007166.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380348.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15691/1569165/1569165755.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280002/1280002087.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280005/1280005783.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280004/1280004325.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280009/1280009992.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280010/1280010844.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280008/1280008471.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280008/1280008030.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280007/1280007442.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280007/1280007310.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280004/1280004373.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280004/1280004937.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280005/1280005912.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280008/1280008156.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280011/1280011114.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280007/1280007565.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15691/1569165/1569165764.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280008/1280008690.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380303.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280010/1280010280.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280009/1280009062.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280010/1280010985.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280003/1280003122.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15494/1549450/1549450717.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380027.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380141.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380192.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380252.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380279.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380297.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380327.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380402.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15691/1569165/1569165758.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15691/1569165/1569165767.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380156.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280005/1280005663.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280008/1280008936.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280010/1280010895.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280009/1280009695.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280009/1280009869.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280010/1280010391.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280007/1280007748.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280008/1280008432.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280009/1280009518.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280009/1280009416.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280008/1280008756.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280000/1280000806.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380354.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280001/1280001805.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280002/1280002690.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280004/1280004145.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280004/1280004259.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280005/1280005369.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280005/1280005528.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15494/1549450/1549450999.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380045.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380234.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380207.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280006/1280006044.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280003/1280003401.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280003/1280003977.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380168.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380228.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380243.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280008/1280008540.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15494/1549450/1549450219.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280004/1280004211.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380255.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380264.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9594/959483/959483218.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9594/959483/959483212.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380009.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380174.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380165.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380261.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280003/1280003476.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380201.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280006/1280006296.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380012.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280010/1280010943.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280006/1280006500.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280003/1280003536.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280005/1280005438.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280006/1280006605.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280007/1280007028.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280011/1280011066.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15494/1549452/1549452985.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380225.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9594/959483/959483200.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380171.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280001/1280001310.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380162.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280008/1280008387.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550380/1550380138.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9594/959483/959483215.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12800/1280000/1280000884.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9594/959483/959483188.JPEG" data-image-gallery="galleryhotel-hilton-istanbul-bakirkoy" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-hilton-istanbul-bakirkoy" > </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> Très bon </span> <span> (2450)</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="2693644">Hotel Hilton Istanbul Bakirkoy</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">Sakizagaci Mah.</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Hôtel Hilton Istanbul Bakirkoy est une propriété de 5 étoiles située à un peu plus de 7 km de mosquée de la Sultane validé Pertevniyal. Le restaurant Makri et le bar lounge sont disponibles sur le site de cet hôtel élégant, proposant un emplacement principal à Istambul.</p><p>Surplombant la mer de Marmara, l'hôtel est située dans une zone de shopping, près de German Fountain. Le Parc des expositions CNR Expo est à 4,9 km de l'établissement élégant et, et l'aéroport international Sabiha Gökçen est à 50 km. Centre commercial Capacity est à quelques minutes de l'établissement. Hôtel Hilton Istanbul Bakirkoy se trouve à 550 mètres de la gare d'Yenimahalle, tandis que l'arrêt de bus le Sakiz Agaci est à seulement 500 mètres.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">101€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="2693644" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="express-inci-hotel" data-id="514030" data-lat="41.00052" data-lng="28.80059"> <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/9962/996227/996227533.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/9962/996227/996227533.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9432/943205/943205938.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639505/639505869.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639506/639506793.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639505/639505881.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639506/639506790.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9432/943205/943205509.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9432/943208/943208515.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9432/943208/943208560.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639508/639508944.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639508/639508950.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639505/639505878.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639506/639506775.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9432/943208/943208296.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9962/996227/996227635.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639507/639507921.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6396/639631/639631602.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639507/639507183.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639507/639507942.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9962/996227/996227569.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639505/639505848.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9962/996227/996227668.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639508/639508941.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7868/786846/786846726.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7868/786846/786846657.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15882/1588273/1588273821.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6395/639506/639506766.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7868/786846/786846579.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7868/786846/786846495.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9962/996227/996227743.JPEG" data-image-gallery="galleryexpress-inci-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="express-inci-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Bon </span> <span> (454)</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="1904055">Express Inci Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Kartaltepe Mahallesi Pamuk Sokak No:13</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Situé juste à moins de 4,3 km Dôme Sinan Erdem, Express Inci Hotel Istambul propose des services de navette, des services de sécurité 24/24 et des services de conciergerie. Situé dans le quartier Côté Européen de la ville, l'hôtel confortable de 3 étoiles Express Inci Hotel est juste à une distance de 4,5 km d'Aquarium d'Istanbul.</p><p>Express Inci Hotel offre un emplacement principal, quasiment à 30 minutes en voiture de la gare Sultanahmet Tram. Situé près de Kartal Tepe Camii, tout l'hôtel est juste à un peu plus de 3,4 km de la Plage de Florya. Bien relié à de nombreux sites, l'hôtel se trouve juste à une distance de 5 minutes à pied de la gare Belediye Caddesi. Il est à seulement 45 km de l'aéroport Aeroport d'Istanbul.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">17€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="1904055" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="emos-hotel" data-id="514031" data-lat="41.00857" data-lng="28.95833"> <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/10223/1022325/1022325874.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10223/1022325/1022325874.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13820/1382094/1382094188.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11093/1109399/1109399598.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11094/1109400/1109400141.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11651/1165101/1165101552.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11651/1165101/1165101342.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11015/1101531/1101531540.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11026/1102664/1102664733.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11035/1103512/1103512839.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022326/1022326030.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022326/1022326087.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11093/1109399/1109399199.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11015/1101535/1101535053.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11035/1103513/1103513898.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11094/1109400/1109400126.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11035/1103513/1103513181.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4171/417109/417109881.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11651/1165101/1165101972.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/495/49584/49584843.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/495/49584/49584846.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901775.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901801.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901809.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901811.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901833.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901857.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901859.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901863.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901867.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901875.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901877.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23912/23912618.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/495/49591/49591656.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23912/23912621.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11651/1165102/1165102059.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901791.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901839.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901849.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/495/49591/49591659.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12610/1261090/1261090468.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901873.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901851.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11015/1101516/1101516750.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901805.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022325/1022325985.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022326/1022326006.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022326/1022326018.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022326/1022326033.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10247/1024788/1024788178.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10247/1024790/1024790629.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23912/23912624.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901825.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022326/1022326042.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9021/902111/902111917.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9021/902112/902112847.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11015/1101518/1101518577.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11651/1165101/1165101450.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10247/1024789/1024789807.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901853.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10247/1024790/1024790569.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11093/1109398/1109398473.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9021/902113/902113168.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13872/1387268/1387268729.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901827.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11651/1165101/1165101372.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11651/1165100/1165100016.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901779.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901803.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901895.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022325/1022325946.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11015/1101546/1101546657.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10248/1024805/1024805494.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7098/709817/709817407.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456795/456795729.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456795/456795750.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456795/456795795.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456795/456795915.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456795/456795987.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456796/456796020.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456796/456796128.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456795/456795933.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456796/456796113.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456795/456795903.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456796/456796185.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4567/456795/456795777.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022326/1022326066.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10248/1024804/1024804153.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13872/1387284/1387284458.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10247/1024789/1024789822.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10248/1024814/1024814467.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/239/23901/23901785.JPEG" data-image-gallery="galleryemos-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="emos-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Très bon </span> <span> (94)</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="7163701">Emos Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Mesih Pasa Caddesi Sair Fitnat Sokak</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Emos Hotel Istambul se trouve presque à 20 minutes à pied de mosquée bleue. L'hôtel dispose d'installations de sécurité comprenant un coffre-fort et une consigne à bagages.</p><p>Cet hôtel est situé dans le quartier Vieille ville de Sultanahmet, à 450 mètres de la station de métro Vezneciler-Istanbul Universitesi et près de la Place Beyazit. L'Obélisque « muré » se trouve à 1 km de cet établissement 3 étoiles, et l'aéroport international Sabiha Gökçen est à 45 km. Une promenade de 20 minutes vous conduira à Citerne Basilique. Emos Hotel se trouve à 750 mètres de la gare l'Yenikapi, tandis que l'arrêt de bus le Laleli est à 200 mètres.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">50€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="7163701" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="golden-age-hotel-taksim" data-id="514032" data-lat="41.040107" data-lng="28.984305"> <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/5633/563322/563322429.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/5633/563322/563322429.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433775/1433775145.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15226/1522643/1522643368.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15226/1522643/1522643527.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15226/1522643/1522643608.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15226/1522643/1522643644.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15226/1522643/1522643710.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15435/1543579/1543579120.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15435/1543579/1543579132.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274996/1274996056.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588083/1588083242.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588083/1588083255.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588083/1588083256.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588083/1588083283.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588083/1588083285.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588083/1588083297.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15591/1559124/1559124706.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498746/1498746835.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498746/1498746742.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15435/1543579/1543579069.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15435/1543579/1543579231.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371047/1371047108.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13675/1367555/1367555114.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371041/1371041492.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371041/1371041540.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371041/1371041564.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371046/1371046667.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371046/1371046949.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371047/1371047117.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371047/1371047177.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371047/1371047189.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371047/1371047465.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371047/1371047477.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13723/1372359/1372359272.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13599/1359986/1359986717.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433774/1433774605.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433774/1433774863.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11358/1135884/1135884611.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11358/1135884/1135884791.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11388/1138837/1138837591.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11388/1138838/1138838404.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11388/1138838/1138838530.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11388/1138840/1138840693.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11388/1138840/1138840708.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11388/1138840/1138840726.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15226/1522643/1522643032.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13675/1367554/1367554742.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371038/1371038861.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11388/1138841/1138841314.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433774/1433774710.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588083/1588083220.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588083/1588083284.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11388/1138838/1138838278.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11388/1138841/1138841194.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11388/1138838/1138838299.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371047/1371047066.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15226/1522643/1522643080.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3284/328406/328406791.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11358/1135882/1135882517.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371047/1371047516.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2705/270549/270549397.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371041/1371041867.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498746/1498746847.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2754/275454/275454589.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433770/1433770831.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433771/1433771023.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588083/1588083369.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433773/1433773729.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433773/1433773330.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433773/1433773792.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995471.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995501.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995855.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588083/1588083236.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2599/259990/259990145.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995123.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13599/1359988/1359988007.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615653/1615653805.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15226/1522643/1522643539.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433768/1433768590.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433771/1433771089.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995543.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433768/1433768641.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995786.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2706/270648/270648173.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433768/1433768455.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433768/1433768530.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14337/1433773/1433773366.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12099/1209915/1209915910.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371041/1371041444.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371047/1371047147.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13710/1371047/1371047498.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16174/1617424/1617424014.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12099/1209916/1209916558.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995231.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3264/326473/326473807.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14089/1408989/1408989131.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913795/913795081.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913795/913795189.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6975/697592/697592517.JPEG" data-image-gallery="gallerygolden-age-hotel-taksim" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="golden-age-hotel-taksim" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Bon </span> <span> (1208)</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="240628">Golden Age Hotel Taksim</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">Topcu Cad.No:10 Talimhane Taksim</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Cet hôtel 4 étoiles Hôtel Golden Age est situé à une distance de 1,5 km de l'Avenue İstiklal, au cœur d'Istambul. Situé pas loin de Taksim Meydanı, l'hôtel comprend un restaurant à la carte qui sert des repas de la cuisine turque.</p><p>Cet hôtel est situé dans une zone de shopping d'Istambul, juste à 10 minutes en voiture de Sainte-Sophie. L'Hippodrome de Constantinople est à 3,4 km de l'immeuble, tandis que la gare routière Hava Airport est à peu près de 5 minutes à pied. Parmi les autres attractions à proximité se trouve Machine. Hôtel Golden Age est situé à 400 mètres de la station de métro Taksim, et 47 minutes de route suffiront pour arriver à l'aéroport international Sabiha Gökçen.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">99€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="240628" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="abella-hotel" data-id="514033" data-lat="41.003624" data-lng="28.975389"> <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/10039/1003972/1003972923.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10039/1003972/1003972923.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275010/1275010519.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275005/1275005131.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275005/1275005278.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275010/1275010624.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275005/1275005962.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275010/1275010573.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003967/1003967634.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003968/1003968312.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003976/1003976247.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003977/1003977342.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965038/965038489.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275005/1275005833.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275007/1275007369.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4497/449796/449796573.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003973/1003973280.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4189/418930/418930320.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275008/1275008458.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003976/1003976064.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965025/965025934.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003977/1003977003.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/571/57131/57131773.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275010/1275010798.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/123/12389/12389254.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/123/12393/12393124.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275006/1275006433.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965026/965026348.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965026/965026729.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7873/787376/787376823.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7873/787377/787377069.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275007/1275007012.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275007/1275007675.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7873/787376/787376925.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965038/965038618.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003968/1003968129.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003971/1003971066.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003976/1003976040.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003976/1003976202.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003976/1003976613.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003976/1003976742.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003980/1003980837.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003981/1003981260.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003981/1003981515.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003981/1003981935.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965025/965025925.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003972/1003972380.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10195/1019571/1019571766.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5871/587131/587131779.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5871/587132/587132778.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8142/814264/814264685.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003976/1003976772.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9626/962649/962649655.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/123/12393/12393426.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7873/787309/787309470.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8142/814264/814264673.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4559/455976/455976456.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6485/648580/648580683.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003979/1003979922.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10195/1019571/1019571712.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003971/1003971438.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8142/814264/814264772.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965026/965026333.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10058/1005811/1005811654.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5871/587132/587132175.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697921/697921389.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920102.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920243.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920321.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920987.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697921/697921023.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697921/697921191.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697921/697921293.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920522.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920207.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697921/697921152.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965038/965038234.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697921/697921350.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920141.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/123/12388/12388596.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12445/1244505/1244505052.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10195/1019571/1019571661.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4535/453527/453527814.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920282.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8142/814264/814264748.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003976/1003976757.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920708.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920789.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965026/965026315.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12445/1244505/1244505469.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697919/697919913.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965026/965026717.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920885.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697920/697920069.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003976/1003976487.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003967/1003967745.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9650/965038/965038471.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10039/1003971/1003971441.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12445/1244504/1244504539.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10195/1019571/1019571826.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4535/453527/453527985.JPEG" data-image-gallery="galleryabella-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="abella-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 5.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Bon </span> <span> (143)</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="187231">Abella Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Kucukayasofya St. No:35</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Fixé à 1 km du centre-ville d'Istambul, l'hôtel agréable de 3 étoiles Abella Hotel offre de l'accès à Intenet haut débit dans les zones publiques. Cet hôtel est situé dans la vieille partie d'Istambul, approximativement à 900 mètres de Sainte-Sophie.</p><p>Situé dans le quartier Vieille ville de Sultanahmet, l'hôtel se trouve juste à moins de 2,2 km de mosquée Suleymaniye. L'hébergement est juste à la sortie de Sultan Ahmet Cami et à 45 km de l'aéroport international Sabiha Gökçen. Le palais de Dolmabahçe est accessible en 10 minutes de route. Abella Hotel bénéficie d'un emplacement spécial, à moins de 10 minutes à pied de la gare Sultanahmet Tram.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">25€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="187231" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="otantik-guest-house-hotel" data-id="514034" data-lat="41.00484502238" data-lng="28.963329145998"> <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/10141/1014129/1014129352.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10141/1014129/1014129352.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11494/1149496/1149496636.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11490/1149035/1149035659.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11467/1146736/1146736117.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11467/1146737/1146737371.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10191/1019128/1019128375.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10191/1019128/1019128417.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10074/1007464/1007464843.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10074/1007463/1007463241.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10074/1007468/1007468788.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9419/941907/941907889.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9419/941907/941907916.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9419/941911/941911246.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10141/1014129/1014129886.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10141/1014129/1014129904.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10074/1007468/1007468818.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10074/1007466/1007466610.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9419/941919/941919724.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9343/934361/934361044.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9419/941918/941918296.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10074/1007466/1007466151.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10141/1014129/1014129667.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10141/1014129/1014129268.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9946/994638/994638007.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10141/1014129/1014129367.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235136.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2664/266438/266438061.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236435.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914233/914233999.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234437.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234983.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235937.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236222.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914237/914237047.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914233/914233918.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234170.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234620.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235397.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235673.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236507.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236678.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236744.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236951.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234512.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234902.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235223.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236342.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235055.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914237/914237119.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234692.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235853.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236099.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10090/1009050/1009050307.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236027.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236813.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234344.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235592.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234782.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235487.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6685/668598/668598657.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234110.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914234/914234854.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235097.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235901.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235988.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236462.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236615.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6686/668609/668609664.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4963/496369/496369599.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914236/914236897.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4963/496369/496369617.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6822/682265/682265409.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235559.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914235/914235289.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11495/1149500/1149500854.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6685/668598/668598906.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10349/1034971/1034971169.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10349/1034971/1034971286.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10349/1034971/1034971316.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10349/1034971/1034971124.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10349/1034971/1034971085.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10349/1034971/1034971355.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8431/843188/843188033.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5963/596351/596351301.JPEG" data-image-gallery="galleryotantik-guest-house-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="otantik-guest-house-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (705)</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="1673068">Otantik Guest House Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">Çifte Gelinler Cad.Gerdanlık Sok.No13 (Kumkapı Yabancılar Şubesi arkası) Fatih</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Offrant un stockage des bagages et un hall d'accueil, Otantik Guest House Hotel Istambul se trouve dans le quartier Vieille ville de Sultanahmet, juste à 20 minutes de Parc Gülhane et juste à 20 minutes à pied de mosquée bleue. Vous trouverez également des services de transfert à l'aéroport, des services de réception 24/24 et des services de chambre 24/24 dans tout l'hôtel.</p><p>Le centre-ville d'Istambul est situé à 1 km de cet hôtel, tandis que la mosquée Suleymaniye est accessible à 5 minutes en voiture. Tout hébergement 2 étoiles est juste à la sortie du Marché aux poissons Kumkapi et à 45 km de l'aéroport international Sabiha Gökçen. La Sultanahmet Tram est juste à peu près de 20 minutes à pied en voiture, tandis que la station de métro Vezneciler-Istanbul Universitesi est juste à une distance de 10 minutes de marche.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">25€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="1673068" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="okur-otel" data-id="514035" data-lat="40.99273" data-lng="29.02588"> <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/15882/1588253/1588253317.JPEG" data-image-gallery="galleryokur-otel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15882/1588253/1588253317.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16060/1606066/1606066765.JPEG" data-image-gallery="galleryokur-otel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10709/1070982/1070982790.JPEG" data-image-gallery="galleryokur-otel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646896/646896885.JPEG" data-image-gallery="galleryokur-otel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646897/646897080.JPEG" data-image-gallery="galleryokur-otel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646897/646897287.JPEG" data-image-gallery="galleryokur-otel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646898/646898124.JPEG" data-image-gallery="galleryokur-otel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646899/646899015.JPEG" data-image-gallery="galleryokur-otel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646899/646899063.JPEG" data-image-gallery="galleryokur-otel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646899/646899171.JPEG" data-image-gallery="galleryokur-otel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6470/647077/647077890.JPEG" data-image-gallery="galleryokur-otel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6469/646929/646929453.JPEG" data-image-gallery="galleryokur-otel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6469/646930/646930143.JPEG" data-image-gallery="galleryokur-otel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646895/646895475.JPEG" data-image-gallery="galleryokur-otel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646898/646898589.JPEG" data-image-gallery="galleryokur-otel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646898/646898769.JPEG" data-image-gallery="galleryokur-otel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646898/646898514.JPEG" data-image-gallery="galleryokur-otel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646897/646897824.JPEG" data-image-gallery="galleryokur-otel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6469/646929/646929345.JPEG" data-image-gallery="galleryokur-otel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646897/646897773.JPEG" data-image-gallery="galleryokur-otel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6469/646904/646904070.JPEG" data-image-gallery="galleryokur-otel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6469/646929/646929435.JPEG" data-image-gallery="galleryokur-otel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646898/646898121.JPEG" data-image-gallery="galleryokur-otel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6469/646904/646904616.JPEG" data-image-gallery="galleryokur-otel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6469/646929/646929441.JPEG" data-image-gallery="galleryokur-otel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646896/646896840.JPEG" data-image-gallery="galleryokur-otel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646896/646896903.JPEG" data-image-gallery="galleryokur-otel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6470/647077/647077161.JPEG" data-image-gallery="galleryokur-otel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6469/646929/646929459.JPEG" data-image-gallery="galleryokur-otel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6470/647076/647076774.JPEG" data-image-gallery="galleryokur-otel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6469/646929/646929495.JPEG" data-image-gallery="galleryokur-otel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646897/646897317.JPEG" data-image-gallery="galleryokur-otel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6495/649547/649547685.JPEG" data-image-gallery="galleryokur-otel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646899/646899213.JPEG" data-image-gallery="galleryokur-otel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646897/646897614.JPEG" data-image-gallery="galleryokur-otel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646899/646899444.JPEG" data-image-gallery="galleryokur-otel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646896/646896801.JPEG" data-image-gallery="galleryokur-otel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6469/646929/646929504.JPEG" data-image-gallery="galleryokur-otel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646894/646894545.JPEG" data-image-gallery="galleryokur-otel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646896/646896957.JPEG" data-image-gallery="galleryokur-otel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646897/646897569.JPEG" data-image-gallery="galleryokur-otel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6468/646896/646896693.JPEG" data-image-gallery="galleryokur-otel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="okur-otel" > </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.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Bon </span> <span> (175)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="1685714">Okur Otel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Osmanaga Rihtim Cad., Resit Efendi Sokak No:7, Kadikoy</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Ce Okur Otel Istambul de 2 étoiles se trouve à 7 km de la mosquée Suleymaniye et à 4,3 km de Sainte-Irène. L'hôtel offre des services de chambre 24/24, des services de nettoyage à sec et des services de parking ainsi que du Wi-Fi dans toute la propriété.</p><p>Cet hôtel au quartier Kadıköy est situé à une distance de marche de Sainte-Sophie. L'immeuble est situé près de Kadikoy Bull Statue, à 5 km du centre d'Istambul. C'est à seulement 150 mètres de l'arrêt de bus E10/E11/Hava Sabiha Gokcen Airport Shuttle et juste à un peu plus de 5 minutes de marche de la station de métro de tramway Kadikoy - IDO.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">79€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="1685714" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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-barcelo-istanbul" data-id="514036" data-lat="41.041008" data-lng="28.983708"> <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/9432/943227/943227061.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/9432/943227/943227061.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10994/1099432/1099432716.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9449/944983/944983366.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8159/815996/815996408.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8079/807932/807932691.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8079/807936/807936018.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8159/815999/815999888.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8159/815996/815996291.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8079/807941/807941298.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10994/1099455/1099455516.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12518/1251801/1251801391.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7625/762533/762533617.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8079/807938/807938655.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9976/997642/997642989.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7625/762533/762533386.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130409.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130415.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758129/758129542.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7625/762533/762533785.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7464/746437/746437721.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7625/762534/762534919.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7625/762533/762533740.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130736.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130421.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130643.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7625/762533/762533770.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8079/807932/807932655.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130538.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7625/762534/762534904.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130514.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130430.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130205.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14477/1447784/1447784482.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14477/1447785/1447785478.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7625/762534/762534934.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12164/1216495/1216495504.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12164/1216496/1216496647.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130595.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8440/844074/844074392.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7625/762533/762533632.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130541.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8079/807938/807938703.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130370.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758129/758129782.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12164/1216494/1216494865.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8079/807937/807937242.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8079/807937/807937272.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12164/1216497/1216497676.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4691/469112/469112241.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12164/1216496/1216496950.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130448.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14477/1447786/1447786513.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12164/1216495/1216495111.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12164/1216494/1216494895.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914241/914241718.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914241/914241781.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914241/914241931.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914242/914242072.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914242/914242318.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7625/762533/762533719.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14477/1447783/1447783948.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130385.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12164/1216496/1216496896.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7629/762912/762912874.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914242/914242384.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10321/1032118/1032118969.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9449/944981/944981401.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7629/762912/762912949.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14477/1447787/1447787266.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7719/771907/771907453.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7835/783541/783541080.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7835/783541/783541107.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7835/783541/783541098.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3534/353422/353422063.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7835/783541/783541095.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4691/469112/469112265.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9142/914242/914242012.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7629/762913/762913039.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3534/353422/353422090.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3534/353422/353422087.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8079/807935/807935991.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3534/353422/353422084.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7835/783541/783541185.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3534/353422/353422093.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7835/783541/783541083.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10321/1032119/1032119059.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7835/783541/783541056.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7581/758130/758130226.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10321/1032118/1032118957.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10321/1032118/1032118963.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7835/783541/783541065.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7835/783541/783541071.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9427/942700/942700933.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9427/942700/942700990.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10321/1032118/1032118972.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9427/942700/942700951.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1613/161350/161350023.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1613/161350/161350050.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1613/161350/161350239.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8147/814760/814760099.JPEG" data-image-gallery="galleryhotel-barcelo-istanbul" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-barcelo-istanbul" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2153)</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="414109">Hôtel Barcelo Istanbul</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">Abdulhakhamit Cad., No: 25/B, Taksim</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Offrant un accès direct à Taksim Gezi Parkı, Hôtel Barcelo Istanbul bénéficie d'un emplacement spécial au cœur d'Istambul. L'hôtel sert des repas méditerranéens préparés dans le restaurant à la carte sur place.</p><p>Citerne Basilique et la mosquée Suleymaniye se trouvent à peu près de 10 minutes et à une distance de 3,1 km de cet hôtel élégant. Situé dans la vieille partie d'Istambul, cet établissement élégant est à quelques pas de Taksim Meydanı. Les clients de l'établissement peuvent se rendre à mosquée bleue, qui n'est qu'à moins de 3,5 km. Hôtel Barcelo Istanbul est juste à 500 mètres de la station de métro Taksim, et à 100 mètres de l'arrêt de bus Hava Airport.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">168€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="414109" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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-elite-world-istanbul-taksim" data-id="514037" data-lat="41.03919304" data-lng="28.98420811"> <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/14338/1433843/1433843524.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14338/1433843/1433843524.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433841/1433841949.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433844/1433844328.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433844/1433844250.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10140/1014068/1014068935.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6613/661371/661371516.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6613/661373/661373022.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6613/661368/661368879.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6613/661373/661373358.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6613/661371/661371546.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6614/661482/661482432.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6613/661373/661373178.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6613/661377/661377036.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6614/661483/661483137.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6613/661373/661373148.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433842/1433842744.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433842/1433842960.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433842/1433842996.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433843/1433843080.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433843/1433843221.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433843/1433843290.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433843/1433843368.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433843/1433843743.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2444/244460/244460141.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2444/244460/244460137.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2444/244460/244460121.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275112/1275112612.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275110/1275110467.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275110/1275110992.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275112/1275112204.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275112/1275112342.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275111/1275111466.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275112/1275112483.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6613/661377/661377672.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433842/1433842468.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433842/1433842213.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6614/661478/661478076.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6613/661369/661369116.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275112/1275112720.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433842/1433842828.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3701/370184/370184845.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2446/244600/244600969.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433843/1433843149.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3701/370184/370184785.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3701/370184/370184800.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433842/1433842510.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4537/453778/453778026.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275111/1275111289.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3701/370184/370184788.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4892/489277/489277629.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433842/1433842711.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275112/1275112543.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5162/516284/516284418.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6614/661481/661481589.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7326/732629/732629401.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1594/159434/159434376.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4809/480907/480907788.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7326/732629/732629416.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6614/661479/661479213.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308682/308682797.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308682/308682749.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308682/308682757.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308682/308682773.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308682/308682805.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308682/308682813.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308682/308682821.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308682/308682789.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4963/496322/496322373.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589240/1589240244.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6988/698843/698843169.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1594/159434/159434289.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1594/159434/159434526.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7326/732629/732629428.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7412/741295/741295342.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7412/741295/741295318.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4537/453777/453777945.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1594/159434/159434550.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1594/159434/159434307.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7326/732629/732629392.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7326/732629/732629407.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3701/370184/370184764.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6988/698842/698842923.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7412/741295/741295267.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6988/698842/698842812.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7412/741295/741295300.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6988/698843/698843079.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6988/698843/698843370.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4537/453778/453778197.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5652/565291/565291536.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5652/565291/565291776.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4537/453778/453778950.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194265/194265640.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6988/698843/698843412.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194265/194265634.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194265/194265628.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194265/194265622.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194265/194265604.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194265/194265616.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6988/698842/698842854.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10864/1086404/1086404827.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-taksim" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-taksim" > </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> Très bon </span> <span> (1798)</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="13780">Hôtel Elite World Istanbul Taksim</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">Sehit Muhtar Cad. No:42</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Elite World Istanbul Hotel est une propriété de 5 étoiles placée à 10 minutes en voiture de Palais de Topkapı. Situé à proximité de Taksim Meydanı, l'hôtel dispose de 2 restaurants spécialisés dans la cuisine turque.</p><p>Parfaitement situé dans le quartier Taksim, cet hôtel est un bon choix pour explorer l'Avenue İstiklal qui se trouve à quelques minutes en voiture de là. Cet établissement confortable est également situé à peu près de 3 km de la mosquée Suleymaniye. La station de métro Taksim, fixée à 400 mètres de distance, offre une connexion rapide à tous les quartiers d'Istambul.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">119€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="13780" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="florya-konagi-hotel" data-id="514038" data-lat="40.97528" data-lng="28.79308"> <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/13456/1345617/1345617506.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13456/1345617/1345617506.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1948/194880/194880850.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4190/419083/419083899.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4191/419181/419181747.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4191/419181/419181756.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4193/419357/419357277.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4193/419357/419357301.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4193/419357/419357685.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1948/194861/194861614.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1598/159804/159804435.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1948/194883/194883397.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1369/136907/136907883.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1369/136908/136908240.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1369/136908/136908273.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1345/134522/134522949.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1686/168603/168603855.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/760/76038/76038488.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4193/419357/419357622.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1686/168604/168604680.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9720/972086/972086236.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6684/668476/668476464.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6684/668476/668476467.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4688/468808/468808206.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4293/429317/429317382.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4293/429317/429317394.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4293/429317/429317397.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6684/668476/668476479.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308684/308684037.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308684/308684045.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308684/308684053.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308684/308684061.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308684/308684069.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4293/429317/429317406.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308684/308684029.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5638/563828/563828418.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1369/136908/136908066.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6684/668476/668476470.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5638/563828/563828346.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1930/193023/193023727.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1930/193023/193023688.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6979/697913/697913115.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1930/193023/193023700.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1472/147294/147294416.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1930/193023/193023697.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/598/59819/59819296.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1930/193023/193023694.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1472/147294/147294419.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1930/193023/193023691.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1930/193023/193023718.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1930/193023/193023712.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9720/972086/972086269.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1631/163136/163136418.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1369/136907/136907910.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5638/563828/563828628.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5638/563828/563828586.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4293/429317/429317388.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5638/563828/563828649.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4293/429317/429317376.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/916/91637/91637936.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5638/563828/563828601.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5638/563828/563828661.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4691/469105/469105029.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3562/356239/356239906.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1930/193023/193023724.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4691/469104/469104990.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/916/91637/91637918.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/598/59819/59819275.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/598/59819/59819293.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1081/108192/108192840.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/773/77327/77327531.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1378/137864/137864364.JPEG" data-image-gallery="galleryflorya-konagi-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="florya-konagi-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Très bon </span> <span> (84)</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="186627">Florya Konagi Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Harman Sk No: 7/9</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Niché au milieu des bars et des restaurants, à moins de 20 minutes à pied d'Aquarium d'Istanbul, Florya Konagi Hotel Istambul comprend 65 chambres. L'hôtel propose un coiffeur, des services de sécurité 24/24 et des services de portier, ainsi que des équipements utiles comme un restaurant et un magasin.</p><p>Tout l'hôtel se trouve dans le quartier Côté Européen, à 550 mètres de la gare de Florya. Tout établissement 2 étoiles est pas très loin d'une plage. L'arrêt d'autobus Florya est à un peu plus de 500 mètres d'allure. Florya Konagi Hotel est à 45 minutes en voiture de l'aéroport Aeroport d'Istanbul, qui est à 50 km.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">35€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="186627" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="tria-hotel-istanbul-special-category" data-id="514039" data-lat="41.00569" data-lng="28.980949"> <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/15844/1584401/1584401153.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15844/1584401/1584401153.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584401/1584401160.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584401/1584401191.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15495/1549542/1549542391.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278447/1278447928.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278448/1278448411.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278449/1278449152.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278449/1278449260.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278449/1278449674.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278449/1278449797.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278450/1278450013.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278450/1278450247.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278451/1278451750.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278452/1278452170.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278452/1278452632.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278449/1278449029.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278450/1278450670.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13643/1364304/1364304617.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13643/1364316/1364316152.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13695/1369519/1369519016.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12929/1292996/1292996938.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12717/1271735/1271735053.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12717/1271752/1271752432.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12612/1261225/1261225960.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12717/1271736/1271736043.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11681/1168185/1168185613.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11681/1168190/1168190257.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278451/1278451852.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278447/1278447685.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278451/1278451546.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278449/1278449902.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12717/1271742/1271742127.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278451/1278451630.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278452/1278452512.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11431/1143156/1143156304.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278452/1278452059.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11460/1146093/1146093526.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12717/1271747/1271747965.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278450/1278450775.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278450/1278450994.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278451/1278451069.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278451/1278451240.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278451/1278451315.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278451/1278451471.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278447/1278447589.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278451/1278451957.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278449/1278449458.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278450/1278450865.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12717/1271752/1271752990.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12717/1271744/1271744650.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12612/1261225/1261225432.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12612/1261225/1261225957.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12612/1261230/1261230379.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12481/1248173/1248173701.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11858/1185879/1185879298.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11681/1168189/1168189012.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11536/1153673/1153673700.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11536/1153677/1153677858.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278450/1278450934.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018485/1018485121.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12044/1204488/1204488064.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11536/1153676/1153676238.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7487/748708/748708973.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278450/1278450136.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4963/496392/496392855.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4963/496392/496392918.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4963/496392/496392927.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4672/467222/467222556.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4963/496393/496393035.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12784/1278448/1278448732.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4696/469625/469625760.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3915/391555/391555666.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3915/391555/391555672.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3915/391555/391555674.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3915/391555/391555684.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4963/496392/496392846.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3765/376537/376537390.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308685/308685013.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308685/308685021.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308685/308685045.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308685/308685061.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2262/226288/226288184.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308685/308685029.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308685/308685053.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3517/351705/351705559.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2262/226288/226288253.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3086/308685/308685037.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8397/839796/839796245.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6939/693958/693958107.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6939/693959/693959325.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6939/693959/693959430.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6939/693960/693960114.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6939/693960/693960249.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6939/693960/693960627.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6939/693959/693959484.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6939/693958/693958371.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6939/693958/693958503.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6939/693958/693958731.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6504/650445/650445342.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/909/90925/90925661.JPEG" data-image-gallery="gallerytria-hotel-istanbul-special-category" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="tria-hotel-istanbul-special-category" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1095)</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="86805">Tria Hotel Istanbul-Special Category</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">Akbiyik Cad. Terbiyik Sok.No:7 Sultanahmet</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Situé dans le quartier Vieille ville de Sultanahmet cet hôtel 4 étoiles Tria Hotel Istanbul-Special Category offre un accès rapide à l'aéroport international Sabiha Gökçen situé à 47 minutes de route. Situé au cœur même d'Istambul, l'hôtel propose 20 chambres avec vue sur la rue.</p><p>Des attractions de la ville telles que le Musée de la mosaïque du Grand Palais, qui est à 450 mètres de cet hôtel confortable, et le Parc Gülhane, sur la distance de 700 mètres, méritent une visite. Cette propriété confortable se trouve à peu près 10 minutes à pied du centre-ville d'Istambul. Il vous faudra 13 minutes pour vous rendre à mosquée bleue. L'arrêt de bus Akbiyik est à seulement 250 mètres de Tria Hotel Istanbul-Special Category, et à une courte promenade de 10 minutes de la gare le Sirkeci.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">35€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="86805" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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-elite-world-istanbul-florya" data-id="514040" data-lat="40.989036894786" data-lng="28.791485576721"> <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/13734/1373471/1373471735.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13734/1373471/1373471735.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275099/1275099520.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275100/1275100024.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275100/1275100225.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275100/1275100813.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275101/1275101893.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275101/1275101974.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275102/1275102058.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275102/1275102484.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275102/1275102571.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275102/1275102667.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275102/1275102796.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275102/1275102889.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275103/1275103078.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275103/1275103159.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275103/1275103567.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275103/1275103675.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275103/1275103933.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275104/1275104113.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275104/1275104203.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275104/1275104473.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275104/1275104656.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275104/1275104959.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275105/1275105082.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275105/1275105184.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275100/1275100576.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275103/1275103360.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275102/1275102382.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275102/1275102283.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275102/1275102994.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275103/1275103474.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275104/1275104809.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275102/1275102178.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275103/1275103246.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275101/1275101410.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11275/1127559/1127559591.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11143/1114366/1114366953.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11143/1114347/1114347021.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11143/1114352/1114352997.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11143/1114371/1114371915.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275100/1275100483.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275104/1275104329.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4628/462896/462896190.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4628/462897/462897570.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4629/462918/462918519.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11275/1127510/1127510280.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4628/462893/462893238.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5075/507595/507595359.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275100/1275100678.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275099/1275099796.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275101/1275101794.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275101/1275101626.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275101/1275101674.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/715/71570/71570762.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/715/71570/71570747.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12097/1209743/1209743917.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4629/462918/462918495.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11275/1127536/1127536233.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12097/1209743/1209743959.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4962/496257/496257396.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832331/832331384.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832331/832331390.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832331/832331393.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832331/832331435.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275100/1275100366.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12097/1209745/1209745489.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832331/832331459.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12750/1275099/1275099667.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12097/1209745/1209745141.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437680/1437680206.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5876/587630/587630352.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275103/1275103795.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3751/375190/375190321.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275100/1275100978.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275101/1275101236.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275101/1275101734.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5075/507598/507598437.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14376/1437681/1437681475.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3751/375190/375190546.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3751/375190/375190291.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832331/832331444.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7056/705609/705609250.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832331/832331507.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3751/375190/375190336.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11450/1145058/1145058740.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12097/1209746/1209746818.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3751/375190/375190306.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3751/375190/375190273.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6144/614446/614446570.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7487/748749/748749491.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4962/496257/496257324.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679791/679791978.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679792/679792197.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7487/748749/748749551.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4962/496257/496257276.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832331/832331429.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4671/467199/467199624.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4666/466669/466669878.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3751/375190/375190354.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6748/674829/674829465.JPEG" data-image-gallery="galleryhotel-elite-world-istanbul-florya" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-elite-world-istanbul-florya" > </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> (1613)</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="546817">Hôtel Elite World Istanbul Florya</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">Gultepe Mah Sehit Zafer Kiziltas Sk No 1, Istanbul, Tr</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Situé au milieu un restaurant international, des bars et des cafés, juste à moins de 3,3 km d'Aquarium d'Istanbul, Elite World Business Hotel Istambul de style baroque comprend 181 chambres. Tout l'hôtel dispose d'une piscine, une zone touristique de choix et activités de divertissement, ainsi que d'un système de climatisation et un photocopieur.</p><p>Cet hôtel offre un emplacement principal, juste à 30 minutes de route de la gare Sultanahmet Tram. Tout hébergement 5 étoiles est situé dans une zone touristique d'Istambul. L'arrêt de bus Florya est dans une zone de 200 mètres.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">10€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="546817" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-id="514041" data-lat="41.051181" data-lng="28.987363"> <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/15486/1548637/1548637513.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15486/1548637/1548637513.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433641/1433641621.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433641/1433641825.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433642/1433642041.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433642/1433642257.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433642/1433642791.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433643/1433643361.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433643/1433643550.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433644/1433644369.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433645/1433645146.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433645/1433645890.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433646/1433646925.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433645/1433645323.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433642/1433642533.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274951/1274951521.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274949/1274949184.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433643/1433643073.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433646/1433646592.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433641/1433641477.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274952/1274952211.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274950/1274950948.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433643/1433643274.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274952/1274952310.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647793.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647790.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647794.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647791.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647792.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647795.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647730.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647748.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647772.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647787.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647820.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647826.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647856.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647859.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647871.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647889.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647892.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647895.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647910.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540647/1540647925.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021017.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021020.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021035.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021038.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021104.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021128.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021248.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021317.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021329.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021110.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021161.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867036.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407577.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407578.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407579.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407580.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407581.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407582.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407583.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407584.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407585.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407586.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407590.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621407/1621407592.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867031.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867032.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867033.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867034.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867035.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867037.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867038.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867039.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867041.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622867/1622867040.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647789.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549786/1549786933.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549786/1549786966.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549787/1549787005.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549787/1549787026.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549787/1549787032.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549787/1549787038.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549787/1549787041.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549787/1549787044.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549787/1549787056.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549787/1549787062.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549787/1549787092.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549790/1549790587.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549790/1549790617.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549790/1549790668.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549790/1549790689.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549790/1549790698.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549790/1549790755.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549790/1549790944.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549790/1549790677.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021053.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15470/1547021/1547021158.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15497/1549790/1549790782.JPEG" data-image-gallery="galleryramada-plaza-by-wyndham-istanbul-city-center-adults-only" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="ramada-plaza-by-wyndham-istanbul-city-center-adults-only" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (410)</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="87918">Ramada Plaza By Wyndham Istanbul City Center (Adults Only)</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">Halaskargazi Cad N 63</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Hôtel Ramada Plaza By Wyndham Istanbul City Center est une propriété de 5 étoiles située à peu près de 20 minutes de marche de Taksim Meydanı. Cet hôtel élégant se trouve à un peu plus de 4,6 km la mosquée bleue et offre un restaurant à la carte et une piscine sur le toit.</p><p>L'hôtel est situé dans le quartier Taksim, à 2,3 km du palais de Dolmabahçe. Cet établissement élégant bénéficie d'un emplacement parfait à proximité d'Askerî Müze ve Kültür Sitesi Komutanlığı, et non loin de Military Museum. La station de métro Osmanbey, fixée à 350 mètres de distance, offre une connexion rapide à tous les quartiers d'Istambul. Hôtel Ramada Plaza By Wyndham Istanbul City Center est situé au centre d'Istambul, à 44 minutes en voiture de l'aéroport Aeroport d'Istanbul.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">78€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="87918" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 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="villa-blanche-hotel-spa-garden-pool" data-id="514042" data-lat="41.06877" data-lng="29.00716"> <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/10382/1038250/1038250138.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10382/1038250/1038250138.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6325/632517/632517471.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10879/1087973/1087973254.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4022/402233/402233523.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4022/402261/402261042.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3891/389145/389145230.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3891/389145/389145296.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3975/397590/397590810.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3975/397596/397596747.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3975/397597/397597317.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3975/397598/397598967.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3976/397600/397600134.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3976/397601/397601409.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3975/397590/397590069.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4509/450971/450971289.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1153/115387/115387784.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4022/402233/402233676.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3975/397591/397591881.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3975/397590/397590708.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3975/397595/397595943.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4023/402300/402300111.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14216/1421638/1421638524.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9172/917211/917211220.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4022/402233/402233298.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4022/402233/402233691.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10381/1038196/1038196591.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888219.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888204.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888198.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888201.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888213.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888225.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888231.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888234.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888237.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888243.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888210.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9334/933490/933490549.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9334/933490/933490555.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9334/933490/933490558.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9334/933490/933490570.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9334/933490/933490579.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888240.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9334/933490/933490564.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9334/933490/933490594.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9334/933490/933490597.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9334/933490/933490588.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888207.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3975/397592/397592445.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/916/91634/91634579.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888222.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888228.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1468/146888/146888216.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/916/91634/91634549.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/916/91634/91634522.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/916/91634/91634534.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/916/91634/91634564.JPEG" data-image-gallery="galleryvilla-blanche-hotel-spa-garden-pool" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="villa-blanche-hotel-spa-garden-pool" > </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> Très bon </span> <span> (426)</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="187098">Villa Blanche Hotel Spa & Garden Pool</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">Keskin Kalem Sok. No:7 Esentepe</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Villa Blanche Hotel & Garden Pool est situé au cœur d'Istambul, à environ 5 minutes de marche de Gayrettepe. Situé dans le quartier Şişli, cet hôtel charmant dispose d'un menu spécial et une pataugeoire pour les clients avec enfants.</p><p>L'emplacement de l'hôtel vous amènera facilement à la mosquée Suleymaniye en 15 minutes en voiture et à Citerne Basilique en moins de 20 minutes en voiture. Cet immeuble charmant est fixé dans le quartier d'affaires d'Istambul. Il est situé pas loin du palais de Dolmabahçe. Villa Blanche Hotel & Garden Pool est juste à moins de 9 km de la gare Sultanahmet Tram, offrant une liaison ferroviaire directe avec l'aéroport Aeroport d'Istanbul, qui est à 41 minutes en voiture.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">De</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">69€</span> <span class="text-secondary-950 text-sm font-normal">/par nuit</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="187098" > <span>Vérifier les tarifs</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 px-[15px]"> <style> .faq-accordion-item { transition: margin 0.3s ease; } .faq-accordion-item.active { margin-bottom: 10px; } .faq-accordion-item.active svg{ transform: rotate(180deg); } .faq-accordion-item svg { transition: transform 0.3s ease; } </style> <div class="max-w-[800px] mx-auto "> <h3 class="section-title mb-5">Hôtels Istambul FAQ</h3> <div xmlns="http://www.w3.org/1999/xhtml"> <div typeof="schema:FAQPage"> <div class="rounded-md bg-white mb-2 p-4" rel="schema:mainEntity"> <div typeof="schema:Question"> <div class="section-sub-title flex items-center justify-between cursor-pointer js-faq-accordion-item faq-accordion-item" property="schema:name" content="Quels sont les meilleurs hôtels à Istambul à proximité d'Aeroport d'Istanbul?"> <span>Quels sont les meilleurs hôtels à Istambul à proximité d'Aeroport d'Istanbul?<br></span> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div rel="schema:acceptedAnswer"> <div typeof="schema:Answer"> <div class="text-base" property="schema:text" content="Plus de 383 avis positifs des les visiteurs de destinations.guide sur les meilleures hébergements proche d'Aeroport d'Istanbul sont disponibles. Wonderful Villa Airport 5 Minutes avec un classement de 9.2/10 peut vous convenir — il a des prix à partir de 57US$ par nuit et offre un parking gratuit, des berceaux et des services de repassage. Cet hôtel est situé à 4,2 km de l'aéroport. ">Plus de 383 avis positifs des les visiteurs de destinations.guide sur les meilleures hébergements proche d'Aeroport d'Istanbul sont disponibles. <Br> Wonderful Villa Airport 5 Minutes avec un classement de 9.2/10 peut vous convenir — il a des prix à partir de 57US$ par nuit et offre un parking gratuit, des berceaux et des services de repassage. Cet hôtel est situé à 4,2 km de l'aéroport. <Br></div> </div> </div> </div> </div> <div class="rounded-md bg-white mb-2 p-4" rel="schema:mainEntity"> <div typeof="schema:Question"> <div class="section-sub-title flex items-center justify-between cursor-pointer js-faq-accordion-item faq-accordion-item" property="schema:name" content="Quels sont les meilleurs hôtels situés au centre d'Istambul?"> <span>Quels sont les meilleurs hôtels situés au centre d'Istambul?<br></span> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div rel="schema:acceptedAnswer"> <div typeof="schema:Answer"> <div class="text-base" property="schema:text" content="Vous avez le choix parmi 647 hôtels et autres hébergements dans le centre-ville d'Istambul. Offrant une salle de conférences, un gymnase et la plongée avec un tuba sur place, Orka Royal Hotel & Spa avec un classement de 8.4/10 se trouve à 10 minutes à pied du centre-ville. Hotel Centrum noté 8.2/10 et Radisson Hotel President Old Town noté 8.6/10 sont les autres hôtels préférés dans la région. Pour voir d'autres hôtels dans le centre-ville, cliquez ici.">Vous avez le choix parmi 647 hôtels et autres hébergements dans le centre-ville d'Istambul. <Br> Offrant une salle de conférences, un gymnase et la plongée avec un tuba sur place, Orka Royal Hotel & Spa avec un classement de 8.4/10 se trouve à 10 minutes à pied du centre-ville. <Br> Hotel Centrum noté 8.2/10 et Radisson Hotel President Old Town noté 8.6/10 sont les autres hôtels préférés dans la région. <Br> Pour voir d'autres hôtels dans le centre-ville, cliquez ici.</div> </div> </div> </div> </div> <div class="rounded-md bg-white mb-2 p-4" rel="schema:mainEntity"> <div typeof="schema:Question"> <div class="section-sub-title flex items-center justify-between cursor-pointer js-faq-accordion-item faq-accordion-item" property="schema:name" content="Quels sont les hôtels les plus populaires dans l'arrondissement Beşiktaş?"> <span>Quels sont les hôtels les plus populaires dans l'arrondissement Beşiktaş?<br></span> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div rel="schema:acceptedAnswer"> <div typeof="schema:Answer"> <div class="text-base" property="schema:text" content="Plus de 19 hébergements se trouvent dans l'arrondissement Beşiktaş. Point Hotel Barbaros est l'un des meilleurs hébergements dans l'arrondissement Beşiktaş pour 168US$ par nuit, il est situé à 3,4 km de Palais de Beylerbeyi. Un autre bon hébergement est Movenpick Hotel Bosphorus au prix de 138US$ par nuit, qui peut offrir un bain de vapeur, un centre d'affaires et un centre de fitness sur place. Tempo Residence Gayrettepe est un hôtel avec un classement de 7.0/10, au prix de 93US$ par nuit. Cliquez ici pour vérifier d'autres hôtels populaires.">Plus de 19 hébergements se trouvent dans l'arrondissement Beşiktaş. <Br> Point Hotel Barbaros est l'un des meilleurs hébergements dans l'arrondissement Beşiktaş pour 168US$ par nuit, il est situé à 3,4 km de Palais de Beylerbeyi. <Br> Un autre bon hébergement est Movenpick Hotel Bosphorus au prix de 138US$ par nuit, qui peut offrir un bain de vapeur, un centre d'affaires et un centre de fitness sur place. Tempo Residence Gayrettepe est un hôtel avec un classement de 7.0/10, au prix de 93US$ par nuit. <Br> Cliquez ici pour vérifier d'autres hôtels populaires.</div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <div class="container"> <div class="flex flex-col gap-10"> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Autre ville en Turquie</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/fr/antalya-hotels">Antalya</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/fr/bodrum-hotels">Bodrum</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/fr/izmir-hotels">İzmir</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/fr/belek-hotels">Belek</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/fr/kusadasi-hotels">Kusadası</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/fr/bursa-hotels">Bursa</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/fr/kemer-hotels">Kemer</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/fr/alanya-hotels">Alanya</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/fr/side-hotels">Sidé</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/fr/goecek-hotels">Göcek</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/fr/mersin-mediterranean-hotels">Mersin (Mediterranean)</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/fr/konya-hotels">Konya</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/fr/milan-hotels">Milan</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/fr/bruxelles-hotels">Bruxelles</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/fr/palma-hotels">Palma</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/fr/deauville-hotels">Deauville</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/fr/seville-hotels">Séville</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/fr/bruges-hotels">Bruges</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/fr/saint-sebastien-hotels">Saint-Sébastien</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/fr/lisboa-hotels">Lisboa</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/fr/angers-hotels">Angers</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/fr/malaga-hotels">Málaga</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/fr/dieppe-hotels">Dieppe</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/fr/le-mans-hotels">Le Mans</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/fr/istambul-hotels-proches-de-mosquee-bleue">Mosquée Bleue</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels in District</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/fr/istambul-hotels-vieille-ville-de-sultanahmet">Vieille ville de Sultanahmet</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/fr/istambul-hotels-karakoey">Karaköy</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/fr/istambul-hotels-taksim">Taksim</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">Voyager à Istambul</h3> <p class="trawell-exit-popup__subtitle">Trouvez le logement idéal!</p> <p class="trawell-exit-popup__text">De superbes emplacements et des offres pour tous les budgets.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Vérifier les offres</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">Non, merci</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">Trouver sur <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">Affinez votre recherche</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/fr/top-countries/">Pays populaires</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/fr/top-hotels/">Meilleurs hôtels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/fr/popular-destinations/">Villes populaires</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/fr/top-landmarks/">Les meilleurs points de repère</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/fr/top-regions/">Régions Populaires</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Istambul</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/fr/istambul-chambres-d-hotes">chambre d hote istanbul</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/fr/istambul-hotel-de-charme">boutique hotel istanbul</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=">Politique</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Droits d’auteur</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Conditions générales</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":"5g1M5zc71sj4BcPV"},"isBot":false,"language":{"id":3,"name":"French","code":"fr","script":"Latn","native":"fran\u00e7ais","regional":"fr_FR"},"aid":2194096,"dest_type":"city","dest_id":"-755070","dest_name":"Istambul","city_id":18319,"pid":305077,"page":"post","bid":"-755070"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="preload" as="style" href="https://touristvr.com/build/assets/createSlider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post-gRPuHYnO.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-xmMQKjFG.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-B81A-QHD.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/media-DZZXPl_y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/createSlider-DIcCBx3D.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/createSlider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/post-gRPuHYnO.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/faq-BNSvpbqa.js" /><script type="module" src="https://touristvr.com/build/assets/faq-BNSvpbqa.js"></script> </body> </html>

CINXE.COM

Les Meilleurs Hôtels à Istambul, Turquie