CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Best Apartments in Barcelona, Spain - TOP places to stay in 2024</title> <meta name="format-detection" content="telephone=no"/> <meta name="keywords" content="Barcelona apartments, apartments in Barcelona, apartments Barcelona, Barcelona serviced apartments, serviced apartments in Barcelona, serviced apartments Barcelona, Barcelona holiday apartments, holiday apartments in Barcelona, Barcelona holiday apartments"/> <meta name="description" content="Online booking for Apartments in Barcelona, Spain 🏨. Good availability and great rates. Cheap and secure ✈️, pay at the hotel, no booking fees ✅."/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/playfairdisplay/v29/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDXbtM.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v24/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v24/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/dynalight/v18/1Ptsg8LOU_aOmQvTsF44TYFq.woff2"> <link importance="high" rel="preload" media="(min-width: 701px)" href="/img/bg/127241.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 700px) and (min-width: 451px)" href="/img/bg/700x500/127241.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 450px)" href="/img/bg/450x450/127241.JPEG" as="image"> <link rel="stylesheet" type="text/css" href="/new/designs/80/build/destination-search-page/style.bde1652ad41a9333f9ff1572608ca482.css"> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <link rel="alternate" hreflang="ar" type="text/html" href="https://www.topbarcelonahotels.com/ar/type/apartments-3/" title="Arabic"/> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.topbarcelonahotels.com/zh/type/apartments-3/" title="Chinese"/> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.topbarcelonahotels.com/cs/type/apartments-3/" title="Czech"/> <link rel="alternate" hreflang="da" type="text/html" href="https://www.topbarcelonahotels.com/da/type/apartments-3/" title="Danish"/> <link rel="alternate" hreflang="de" type="text/html" href="https://www.topbarcelonahotels.com/de/type/apartments-3/" title="Deutch"/> <link rel="alternate" hreflang="en" type="text/html" href="https://www.topbarcelonahotels.com/en/type/apartments-3/" title="English"/> <link rel="alternate" hreflang="es" type="text/html" href="https://www.topbarcelonahotels.com/es/type/apartments-3/" title="Spanish"/> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.topbarcelonahotels.com/fr/type/apartments-3/" title="French"/> <link rel="alternate" hreflang="el" type="text/html" href="https://www.topbarcelonahotels.com/el/type/apartments-3/" title="Greek"/> <link rel="alternate" hreflang="he" type="text/html" href="https://www.topbarcelonahotels.com/he/type/apartments-3/" title="Hebrew"/> <link rel="alternate" hreflang="it" type="text/html" href="https://www.topbarcelonahotels.com/it/type/apartments-3/" title="Italiano"/> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.topbarcelonahotels.com/ja/type/apartments-3/" title="Japanese"/> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.topbarcelonahotels.com/ko/type/apartments-3/" title="Korean"/> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.topbarcelonahotels.com/hu/type/apartments-3/" title="Hungarian"/> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.topbarcelonahotels.com/nl/type/apartments-3/" title="Dutch"/> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.topbarcelonahotels.com/pl/type/apartments-3/" title="Polish"/> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.topbarcelonahotels.com/pt/type/apartments-3/" title="Portuguese"/> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.topbarcelonahotels.com/ru/type/apartments-3/" title="Russian"/> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.topbarcelonahotels.com/sv/type/apartments-3/" title="Swedish"/> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.topbarcelonahotels.com/tr/type/apartments-3/" title="Turkish"/> <link rel="canonical" href="https://www.topbarcelonahotels.com/en/type/apartments-3/"/> <link rel="next" href="/en/type/apartments-3/2/"/> </head> <body> <div class="banner banner--hotel_list" style="background-image: linear-gradient(to bottom, #202020, rgba(255, 255, 255, 0))"> <div class="banner__main-photo"> <div class="banner__main-photo-overlay"></div> <picture> <source srcset="/img/bg/127241.JPEG" media="(min-width: 701px)"> <source srcset="/img/bg/700x500/127241.JPEG" media="(max-width: 700px) and (min-width: 451px)"> <source srcset="/img/bg/450x450/127241.JPEG" media="(max-width: 450px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--19" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--20" srcset="" alt=""> </picture> </div> <header class="header js-header-mobile-modal"> <div class="header__inner"> <div class="header__mobile"> <div class="header__logo header-logo js-link js-link-hex" data-hex=34372e3130312e3131302e3437 > <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Barcelona </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </div> <div class="header__burger js-header-mobile-modal-trigger"> <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5625 3.5H0.4375C0.321468 3.5 0.210188 3.45391 0.128141 3.37186C0.0460936 3.28981 0 3.17853 0 3.0625C0 2.94647 0.0460936 2.83519 0.128141 2.75314C0.210188 2.67109 0.321468 2.625 0.4375 2.625H13.5625C13.6785 2.625 13.7898 2.67109 13.8719 2.75314C13.9539 2.83519 14 2.94647 14 3.0625C14 3.17853 13.9539 3.28981 13.8719 3.37186C13.7898 3.45391 13.6785 3.5 13.5625 3.5Z"/><path d="M13.5625 7.875H0.4375C0.321468 7.875 0.210188 7.82891 0.128141 7.74686C0.0460936 7.66481 0 7.55353 0 7.4375C0 7.32147 0.0460936 7.21019 0.128141 7.12814C0.210188 7.04609 0.321468 7 0.4375 7H13.5625C13.6785 7 13.7898 7.04609 13.8719 7.12814C13.9539 7.21019 14 7.32147 14 7.4375C14 7.55353 13.9539 7.66481 13.8719 7.74686C13.7898 7.82891 13.6785 7.875 13.5625 7.875Z"/><path d="M13.5625 12.25H0.4375C0.321468 12.25 0.210188 12.2039 0.128141 12.1219C0.0460936 12.0398 0 11.9285 0 11.8125C0 11.6965 0.0460936 11.5852 0.128141 11.5031C0.210188 11.4211 0.321468 11.375 0.4375 11.375H13.5625C13.6785 11.375 13.7898 11.4211 13.8719 11.5031C13.9539 11.5852 14 11.6965 14 11.8125C14 11.9285 13.9539 12.0398 13.8719 12.1219C13.7898 12.2039 13.6785 12.25 13.5625 12.25Z"/> </svg> </div> </div> <div class="header__menu menu js-header-mobile-accordion"> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M4.375 0H15.625C18.0413 0 20 1.95875 20 4.375V15.625C20 18.0413 18.0413 20 15.625 20H4.375C1.95875 20 0 18.0413 0 15.625V4.375C0 1.95875 1.95875 0 4.375 0ZM15.625 18.75C17.3509 18.75 18.75 17.3509 18.75 15.625V4.375C18.75 2.6491 17.3509 1.25 15.625 1.25H4.375C2.6491 1.25 1.25 2.6491 1.25 4.375V15.625C1.25 17.3509 2.6491 18.75 4.375 18.75H15.625Z" /><path d="M6.25 4.375H5C4.6548 4.375 4.375 4.6548 4.375 5V6.25C4.375 6.5952 4.6548 6.875 5 6.875H6.25C6.5952 6.875 6.875 6.5952 6.875 6.25V5C6.875 4.6548 6.5952 4.375 6.25 4.375Z" /><path d="M6.25 8.75H5C4.6548 8.75 4.375 9.0298 4.375 9.375V10.625C4.375 10.9702 4.6548 11.25 5 11.25H6.25C6.5952 11.25 6.875 10.9702 6.875 10.625V9.375C6.875 9.0298 6.5952 8.75 6.25 8.75Z" /><path d="M6.25 13.125H5C4.6548 13.125 4.375 13.4048 4.375 13.75V15C4.375 15.3452 4.6548 15.625 5 15.625H6.25C6.5952 15.625 6.875 15.3452 6.875 15V13.75C6.875 13.4048 6.5952 13.125 6.25 13.125Z" /><rect x="8.125" y="5" width="7.5" height="1.25" /><rect x="8.125" y="9.375" width="7.5" height="1.25" /><rect x="8.125" y="13.75" width="7.5" height="1.25" /> </svg> <div class="accordion-btn__text">Collections</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--collections js-header-dropdown-content"> <div class="mega-menu js-mega-menu-accordion"> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Hotels</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Hotels</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">All collections</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="/en/type/hotels-12/" class="mega-menu__link js-link">Hotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/en/type/aparthotels-2/" class="mega-menu__link js-link">Aparthotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/en/type/bed-and-breakfasts-4/" class="mega-menu__link js-link">Bed & Breakfasts in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/en/type/hostels-11/" class="mega-menu__link js-link">Hostels in Barcelona</a> </li> <li class="mega-menu__list-item mega-menu__list-item--title"> <span class="mega-menu__subtitle">By rating</span> </li> <li class="mega-menu__list-item"> <a href="/en/5-stars/" class="mega-menu__link js-link">5 star hotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/en/4-stars/" class="mega-menu__link js-link">4 star hotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/en/3-stars/" class="mega-menu__link js-link">3 star hotels in Barcelona</a> </li> </ul> </div> </div> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Holiday rentals</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Holiday rentals</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">All collections</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="/en/type/apartments-3/" class="mega-menu__link js-link">Apartments in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/en/type/villas-24/" class="mega-menu__link js-link">Villas in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/en/type/homestays-32/" class="mega-menu__link js-link">Homestays in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/en/type/holiday-homes-33/" class="mega-menu__link js-link">Holiday homes in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/en/type/guest-houses-10/" class="mega-menu__link js-link">Guest houses in Barcelona</a> </li> </ul> </div> </div> </div> </div> </div> <div class="menu__item"> <div class="menu__button accordion-btn accordion-btn--link js-link js-link-hex" data-hex=34372e3131352e3131372e3131322e3131322e3131312e3131342e3131362e3437> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="19" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 20"> <path d="M16.6,8.2L16.6,8.2V7c0-3.9-3.1-7-7-7c-4,0-7.1,3.1-7.1,7v1.2H2.2c-1,0-1.9,1-1.9,2.1v3.1c0,1.1,0.9,2,1.9,2l0,0H4c0.2,0,0.5-0.2,0.5-0.5l0,0V8.8c0-0.2-0.1-0.6-0.5-0.6H3.5V7c0-3.4,2.7-6.1,6.1-6.1s6.1,2.7,6.1,6.1v1.2h-0.5c-0.2,0-0.5,0.2-0.5,0.6v6.1c0,0.2,0.1,0.5,0.4,0.5l0,0h0.6v0.1c-0.7,1-1.9,1.6-3.1,1.5c-0.2-1.4-1.6-2.1-2.9-1.9c-1.1,0.2-2,1.2-2,2.4c0,1.4,1.1,2.5,2.5,2.5c0.6,0,1.2-0.2,1.7-0.7c0.4-0.4,0.5-0.7,0.6-1.2c1.5,0,3-0.7,3.9-2l0.5-0.7c1.1-0.1,1.7-0.7,1.7-1.7v-3C18.6,9.4,17.7,8.2,16.6,8.2z M3.5,14.4H2.3c-0.5,0-1-0.5-1-1l0,0v-3.1c0-0.6,0.4-1.1,1-1.1h1.2V14.4z M11.5,17.4c0,0.4-0.1,0.7-0.4,1s-0.6,0.5-1.1,0.5c-0.7,0-1.5-0.6-1.5-1.5c0-0.7,0.6-1.5,1.5-1.5C10.9,16,11.5,16.6,11.5,17.4L11.5,17.4z M17.6,13.7c0,0.6-0.6,0.7-1,0.7h-1V9.2h1c0.5,0,1,0.7,1,1.4V13.7z"/> </svg> <div class="accordion-btn__text">Support</div> </div> <svg class="accordion-btn__arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> </div> </div> <div class="menu__column menu__column--center"> <div class="header__logo"> <a href="/en/" class="header-logo"> <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Barcelona </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </a> </div> <div class="header__close-btn js-header-mobile-modal-close"> <svg width="16" height="16" viewBox="0 0 16 16" fill="#333E50" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> </div> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9939 4.47969 15.5203 0.00609306 10 0ZM19.2535 9.63034H16.4101C16.384 8.27011 16.1678 6.92027 15.7676 5.62C16.387 5.34304 16.976 5.00276 17.5253 4.60449C18.583 6.07343 19.1841 7.82158 19.2535 9.63034ZM15.5393 4.91905C16.0768 4.67177 16.5888 4.37247 17.0681 4.0254C16.026 2.78897 14.6793 1.84579 13.1611 1.28906C14.2338 2.29059 15.0495 3.53569 15.5393 4.91905ZM12.5813 10.3691H15.6758C15.6505 11.6342 15.4543 12.8901 15.0924 14.1025C14.232 13.7815 13.3411 13.5489 12.4336 13.4083C12.5259 12.3706 12.5739 11.3256 12.5813 10.3691ZM15.0963 5.89746C14.2359 6.2185 13.345 6.4511 12.4375 6.5917C12.5261 7.63306 12.5852 8.67811 12.5852 9.63084H15.6724C15.6495 8.36612 15.4557 7.11026 15.0963 5.89746ZM14.8524 5.19971C14.0459 5.5027 13.2108 5.72297 12.3598 5.85702C12.1456 3.8777 11.7615 2.00916 11.167 0.93457C12.7253 1.47002 14.0621 3.04683 14.8524 5.19971ZM11.7167 13.3234C11.7906 12.426 11.846 11.4437 11.846 10.3691H8.16797C8.17905 11.4585 8.22336 12.4408 8.29722 13.3234C9.43371 13.2001 10.5802 13.2001 11.7167 13.3234ZM8.15332 9.63097C8.15332 8.55637 8.20871 7.5741 8.28257 6.67676C8.85038 6.73852 9.42114 6.76935 9.99232 6.76908C10.5659 6.76958 11.1392 6.7388 11.7094 6.67676C11.7833 7.55933 11.8276 8.5416 11.8387 9.63097H8.15332ZM11.643 5.95615C11.2737 2.51819 10.4798 0.738281 9.99972 0.738281C9.51967 0.738281 8.72572 2.51819 8.35645 5.93769C8.90187 6.00333 9.45043 6.03906 9.99972 6.04478C10.5487 6.0452 11.0973 6.01561 11.643 5.95615ZM8.83284 0.93457V0.938263C8.2383 2.01286 7.85426 3.89247 7.64008 5.86071C6.78894 5.72547 5.95378 5.50399 5.14746 5.19971C5.93771 3.04683 7.27449 1.47002 8.83284 0.93457ZM4.32812 9.63084H7.41527C7.41527 8.67811 7.47805 7.63306 7.57037 6.5917C6.66283 6.4511 5.772 6.2185 4.91158 5.89746C4.54964 7.10993 4.35342 8.36575 4.32812 9.63084ZM7.57037 13.4083H7.56298C6.65544 13.5489 5.76461 13.7815 4.9042 14.1025C4.5448 12.8897 4.35102 11.6339 4.32812 10.3691H7.41527C7.41527 11.3219 7.47805 12.3669 7.57037 13.4083ZM4.46057 4.91905C4.95461 3.53417 5.77547 2.28897 6.85348 1.28906C5.32504 1.84021 3.96777 2.78242 2.91699 4.02171C3.40074 4.3709 3.91778 4.67145 4.46057 4.91905ZM2.478 4.60449V4.61188C3.0273 5.01014 3.61634 5.35043 4.23575 5.62739C3.835 6.92512 3.61745 8.27242 3.58952 9.63034H0.746094C0.816625 7.82121 1.41905 6.07301 2.478 4.60449ZM0.746094 10.3691C0.815564 12.1779 1.41665 13.9261 2.47431 15.395C3.02356 14.9967 3.61265 14.6563 4.23206 14.3795C3.83186 13.0792 3.6156 11.7294 3.58952 10.3691H0.746094ZM2.93164 15.9747C3.41091 15.6277 3.92296 15.3284 4.46044 15.0811C4.94969 16.4657 5.76547 17.7121 6.83858 18.7147C5.32003 18.1569 3.97332 17.2125 2.93164 15.9747ZM7.64008 14.1436C6.78908 14.2776 5.95391 14.4979 5.14746 14.8009C5.93771 16.9537 7.27449 18.5306 8.83284 19.066C8.2383 17.9914 7.85426 16.1229 7.64008 14.1436ZM9.99972 19.2614C9.51967 19.2614 8.72572 17.4815 8.35645 14.0435C9.44747 13.9243 10.5483 13.9243 11.6393 14.0435C11.2737 17.4815 10.4798 19.2614 9.99972 19.2614ZM11.1669 19.062V19.0657C12.7253 18.5303 14.062 16.9535 14.8523 14.8006C14.046 14.4963 13.2108 14.2748 12.3597 14.1396C12.1455 16.1078 11.7614 17.9874 11.1669 19.062ZM13.1465 18.711V18.6926C14.222 17.6979 15.0427 16.4593 15.5394 15.0811C16.0822 15.3287 16.5992 15.6292 17.083 15.9784C16.0322 17.2177 14.6749 18.1599 13.1465 18.711ZM17.5224 15.3691V15.395C18.5813 13.9265 19.1838 12.1783 19.2543 10.3691H16.4109C16.3812 11.7208 16.1637 13.0619 15.7646 14.3536C16.3841 14.6306 16.9731 14.9709 17.5224 15.3691Z" /> </svg> <div class="accordion-btn__text">English</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--languages js-header-dropdown-content"> <div class="dropdown__list"> <a href="/ar/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="العربية"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ar.svg" width="20" height="20" class="dropdown__icon" alt="ar" loading="lazy"> <div class="dropdown__name">العربية</div> </a> <a href="/zh/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="简体中文"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-zh.svg" width="20" height="20" class="dropdown__icon" alt="zh" loading="lazy"> <div class="dropdown__name">简体中文</div> </a> <a href="/cs/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Čeština"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-cs.svg" width="20" height="20" class="dropdown__icon" alt="cs" loading="lazy"> <div class="dropdown__name">Čeština</div> </a> <a href="/da/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Dansk"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-da.svg" width="20" height="20" class="dropdown__icon" alt="da" loading="lazy"> <div class="dropdown__name">Dansk</div> </a> <a href="/de/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Deutsch"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-de.svg" width="20" height="20" class="dropdown__icon" alt="de" loading="lazy"> <div class="dropdown__name">Deutsch</div> </a> <a href="/en/type/apartments-3/" class="dropdown__link js-save-params js-link is-active" data-name="English"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-en.svg" width="20" height="20" class="dropdown__icon" alt="en" > <div class="dropdown__name">English</div> </a> <a href="/es/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Español"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-es.svg" width="20" height="20" class="dropdown__icon" alt="es" loading="lazy"> <div class="dropdown__name">Español</div> </a> <a href="/fr/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Français"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-fr.svg" width="20" height="20" class="dropdown__icon" alt="fr" loading="lazy"> <div class="dropdown__name">Français</div> </a> <a href="/el/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Ελληνικά"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-el.svg" width="20" height="20" class="dropdown__icon" alt="el" loading="lazy"> <div class="dropdown__name">Ελληνικά</div> </a> <a href="/he/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="עברית"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-he.svg" width="20" height="20" class="dropdown__icon" alt="he" loading="lazy"> <div class="dropdown__name">עברית</div> </a> <a href="/it/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Italiano"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-it.svg" width="20" height="20" class="dropdown__icon" alt="it" loading="lazy"> <div class="dropdown__name">Italiano</div> </a> <a href="/ja/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="日本語"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ja.svg" width="20" height="20" class="dropdown__icon" alt="ja" loading="lazy"> <div class="dropdown__name">日本語</div> </a> <a href="/ko/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="한국어"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ko.svg" width="20" height="20" class="dropdown__icon" alt="ko" loading="lazy"> <div class="dropdown__name">한국어</div> </a> <a href="/hu/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Magyar"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-hu.svg" width="20" height="20" class="dropdown__icon" alt="hu" loading="lazy"> <div class="dropdown__name">Magyar</div> </a> <a href="/nl/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Nederlands"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-nl.svg" width="20" height="20" class="dropdown__icon" alt="nl" loading="lazy"> <div class="dropdown__name">Nederlands</div> </a> <a href="/pl/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Polski"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pl.svg" width="20" height="20" class="dropdown__icon" alt="pl" loading="lazy"> <div class="dropdown__name">Polski</div> </a> <a href="/pt/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Português"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pt.svg" width="20" height="20" class="dropdown__icon" alt="pt" loading="lazy"> <div class="dropdown__name">Português</div> </a> <a href="/ru/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Русский"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ru.svg" width="20" height="20" class="dropdown__icon" alt="ru" loading="lazy"> <div class="dropdown__name">Русский</div> </a> <a href="/sv/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Svenska"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-sv.svg" width="20" height="20" class="dropdown__icon" alt="sv" loading="lazy"> <div class="dropdown__name">Svenska</div> </a> <a href="/tr/type/apartments-3/" class="dropdown__link js-save-params js-link " data-name="Türkçe"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-tr.svg" width="20" height="20" class="dropdown__icon" alt="tr" loading="lazy"> <div class="dropdown__name">Türkçe</div> </a> </div> </div> </div> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M2.92891 17.0711C4.81766 18.9598 7.32891 20 10 20C12.6711 20 15.1824 18.9599 17.0711 17.0711C18.9598 15.1823 20 12.6711 20 10C20 7.32891 18.9598 4.81766 17.0711 2.92891C15.1823 1.04016 12.6711 0 10 0C7.32891 0 4.81762 1.04012 2.92891 2.92891C1.0402 4.8177 0 7.32891 0 10C0 12.6711 1.04016 15.1823 2.92891 17.0711ZM1.25 10C1.25 5.17523 5.17523 1.25 10 1.25C14.8248 1.25 18.75 5.17523 18.75 10C18.75 14.8248 14.8248 18.75 10 18.75C5.17523 18.75 1.25 14.8248 1.25 10Z"/> <path d="M10 9.375C9.13844 9.375 8.4375 8.67406 8.4375 7.8125C8.4375 6.95094 9.13844 6.25 10 6.25C10.8616 6.25 11.5625 6.95094 11.5625 7.8125C11.5625 8.15766 11.8423 8.4375 12.1875 8.4375C12.5327 8.4375 12.8125 8.15766 12.8125 7.8125C12.8125 6.47652 11.8759 5.35594 10.625 5.07086V4.375C10.625 4.02984 10.3452 3.75 10 3.75C9.6548 3.75 9.375 4.02984 9.375 4.375V5.07086C8.12414 5.35594 7.1875 6.47652 7.1875 7.8125C7.1875 9.36332 8.44918 10.625 10 10.625C10.8616 10.625 11.5625 11.3259 11.5625 12.1875C11.5625 13.0491 10.8616 13.75 10 13.75C9.13844 13.75 8.4375 13.0491 8.4375 12.1875C8.4375 11.8423 8.1577 11.5625 7.8125 11.5625C7.4673 11.5625 7.1875 11.8423 7.1875 12.1875C7.1875 13.5235 8.12414 14.6441 9.375 14.9291V15.625C9.375 15.9702 9.6548 16.25 10 16.25C10.3452 16.25 10.625 15.9702 10.625 15.625V14.9291C11.8759 14.6441 12.8125 13.5235 12.8125 12.1875C12.8125 10.6367 11.5508 9.375 10 9.375Z"/> </svg> <div class="accordion-btn__text">Currency</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--currencies js-header-dropdown-content"> <div class="dropdown__list"> <div class="dropdown__link js-link js-link-hex is-active js-save-params" data-curr="1" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3439> <div class="dropdown__code">USD</div> <div class="dropdown__name">U.S. dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="3" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3531> <div class="dropdown__code">EUR</div> <div class="dropdown__name">Euro</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="7" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3535> <div class="dropdown__code">GBP</div> <div class="dropdown__name">Pound sterling</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="11" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3439> <div class="dropdown__code">AUD</div> <div class="dropdown__name">Australian dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="21" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3439> <div class="dropdown__code">CAD</div> <div class="dropdown__name">Canadian dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="48" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3536> <div class="dropdown__code">BRL</div> <div class="dropdown__name">Brazilian real</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="49" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3537> <div class="dropdown__code">BGN</div> <div class="dropdown__name">Bulgarian lev</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="57" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35332e3535> <div class="dropdown__code">CNY</div> <div class="dropdown__name">Chinese yuan</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="66" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35342e3534> <div class="dropdown__code">CZK</div> <div class="dropdown__name">Czech koruna</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="4" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3532> <div class="dropdown__code">DKK</div> <div class="dropdown__name">Danish krone</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="13" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3531> <div class="dropdown__code">HKD</div> <div class="dropdown__name">Hong Kong dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="77" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35352e3535> <div class="dropdown__code">ILS</div> <div class="dropdown__name">Israeli new sheqel</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="23" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3531> <div class="dropdown__code">JPY</div> <div class="dropdown__name">Japanese yen</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="10" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3438> <div class="dropdown__code">MYR</div> <div class="dropdown__name">Malaysian ringgit</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="12" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3530> <div class="dropdown__code">NZD</div> <div class="dropdown__name">New Zealand dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="22" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3530> <div class="dropdown__code">NOK</div> <div class="dropdown__name">Norwegian krone</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="135" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3533> <div class="dropdown__code">PLN</div> <div class="dropdown__name">Polish zloty</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="136" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3534> <div class="dropdown__code">RON</div> <div class="dropdown__name">Romanian leu</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="137" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3535> <div class="dropdown__code">RUB</div> <div class="dropdown__name">Russian ruble</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="142" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35322e3530> <div class="dropdown__code">SAR</div> <div class="dropdown__name">Saudi riyal</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="24" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3532> <div class="dropdown__code">SGD</div> <div class="dropdown__name">Singapore dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="15" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3533> <div class="dropdown__code">ZAR</div> <div class="dropdown__name">South African rand</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="151" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35332e3439> <div class="dropdown__code">KRW</div> <div class="dropdown__name">South Korean won</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="9" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3537> <div class="dropdown__code">SEK</div> <div class="dropdown__name">Swedish krona</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="8" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3536> <div class="dropdown__code">CHF</div> <div class="dropdown__name">Swiss franc</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="162" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3530> <div class="dropdown__code">TRY</div> <div class="dropdown__name">Turkish lira</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="166" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3534> <div class="dropdown__code">UAH</div> <div class="dropdown__name">Ukrainian hryvnia</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="2" data-hex=34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3530> <div class="dropdown__code">THB</div> <div class="dropdown__name">Thai baht</div> </div> </div> </div> </div> </div> </div> </div> </header> <div class="banner__content"> <h1 class="banner__title">Apartments in Barcelona</h1> <p class="banner__text">Discover the world of comfort and privacy</p> </div> <div class="form-wrap js-avail-form-mob"> <div class="form-wrap__icon"> <svg width="17" height="15" viewBox="0 0 17 15" fill="white" xmlns="http://www.w3.org/2000/svg"> <path d="M16.3037 6.18838C14.8224 6.64861 13.3717 7.26224 11.9514 8.02929C10.531 8.79634 9.41777 9.57776 8.61151 10.3736C7.82401 9.58735 6.70839 8.80833 5.26464 8.03648C3.82088 7.26464 2.34902 6.64861 0.849011 6.18838L0.694324 6.63423C2.34433 7.85192 3.79979 9.11274 5.06073 10.4167C6.32167 11.7207 7.43026 13.1685 8.38651 14.7601H8.7662C9.72245 13.1781 10.8334 11.7351 12.099 10.4311C13.3646 9.12712 14.8271 7.86151 16.4865 6.63423L16.3037 6.18838ZM15.6146 0.320309C14.2459 0.723009 12.9193 1.25514 11.6349 1.91672C10.3506 2.5783 9.34276 3.25425 8.61151 3.9446C7.88963 3.26384 6.87714 2.59029 5.57401 1.92391C4.27088 1.25754 2.92558 0.723009 1.53807 0.320309L1.38339 0.766153C2.87402 1.8592 4.19823 3.00256 5.35604 4.19629C6.51386 5.39001 7.52401 6.71075 8.38651 8.15855H8.7662C9.6287 6.71075 10.6388 5.39001 11.7967 4.19629C12.9545 3.00256 14.2834 1.8592 15.7834 0.766153L15.6146 0.320309Z"/> </svg> </div> <div class="form-wrap__title">Enter the dates to check availability</div> <form class="avail-form js-avail-form " autocomplete="off" action="/en/search/" method="post"> <input type="hidden" name="sort" value="Rating" /> <input type="hidden" name="order" value="DESC" /> <input type="hidden" name="s" value="1" /> <div class="avail-form__calendar js-new-calendar-wrapper"> <fieldset class="avail-form__date field"> <div class="field__wrapper"> <div class="field__label">Check-in:</div> <div class="field__text js-new-calendar-from-text"> <span class="field__number js-date-day">15</span> <span class="js-date-month">December</span> </div> </div> <svg width="22" height="22" class="field__icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M14.4138 0.189453C15.3298 0.189453 16.0957 0.842246 16.272 1.70669H22V6.63773V21.8101H0V6.63773V1.70669H5.72797C5.90434 0.842246 6.67055 0.189453 7.58621 0.189453C8.63197 0.189453 9.48276 1.04025 9.48276 2.086C9.48276 3.13176 8.63197 3.98256 7.58621 3.98256C7.37645 3.98256 7.2069 3.813 7.2069 3.60325C7.2069 3.39349 7.37645 3.22394 7.58621 3.22394C8.21359 3.22394 8.72414 2.71338 8.72414 2.086C8.72414 1.45863 8.21359 0.948074 7.58621 0.948074C7.09234 0.948074 6.6751 1.26594 6.51807 1.70669H7.2069C7.41666 1.70669 7.58621 1.87625 7.58621 2.086C7.58621 2.29576 7.41666 2.46532 7.2069 2.46532H6.06897H0.758621V5.87911H21.2414V2.46532H16.272C16.0957 3.32976 15.3294 3.98256 14.4138 3.98256C14.204 3.98256 14.0345 3.813 14.0345 3.60325C14.0345 3.39349 14.204 3.22394 14.4138 3.22394C15.0412 3.22394 15.5517 2.71338 15.5517 2.086C15.5517 1.45863 15.0412 0.948074 14.4138 0.948074C14.204 0.948074 14.0345 0.778522 14.0345 0.568763C14.0345 0.359005 14.204 0.189453 14.4138 0.189453ZM0.758789 21.0515H21.2415V6.6377H0.758789V21.0515Z"/><path d="M9.86173 0.948074C10.4891 0.948074 10.9997 1.45863 10.9997 2.086C10.9997 2.71338 10.4891 3.22394 9.86173 3.22394C9.65197 3.22394 9.48242 3.39349 9.48242 3.60325C9.48242 3.813 9.65197 3.98256 9.86173 3.98256C10.9075 3.98256 11.7583 3.13176 11.7583 2.086C11.7583 1.04025 10.9075 0.189453 9.86173 0.189453C9.65197 0.189453 9.48242 0.359005 9.48242 0.568763C9.48242 0.778522 9.65197 0.948074 9.86173 0.948074Z"/><path d="M12.1381 0.948074C12.7655 0.948074 13.276 1.45863 13.276 2.086C13.276 2.71338 12.7655 3.22394 12.1381 3.22394C11.9283 3.22394 11.7588 3.39349 11.7588 3.60325C11.7588 3.813 11.9283 3.98256 12.1381 3.98256C13.1839 3.98256 14.0347 3.13176 14.0347 2.086C14.0347 1.04025 13.1839 0.189453 12.1381 0.189453C11.9283 0.189453 11.7588 0.359005 11.7588 0.568763C11.7588 0.778522 11.9283 0.948074 12.1381 0.948074Z"/><circle cx="8.34513" cy="9.29337" r="0.37931"/><circle cx="11.0004" cy="9.29337" r="0.37931"/><circle cx="13.6547" cy="9.29337" r="0.37931"/><circle cx="16.31" cy="9.29337" r="0.37931"/><circle cx="18.9652" cy="9.29337" r="0.37931"/><circle cx="3.03458" cy="12.3276" r="0.37931"/><circle cx="5.68986" cy="12.3276" r="0.37931"/><circle cx="8.34513" cy="12.3276" r="0.37931"/><circle cx="11.0004" cy="12.3276" r="0.37931"/><circle cx="13.6547" cy="12.3276" r="0.37931"/><circle cx="16.31" cy="12.3276" r="0.37931"/><circle cx="18.9652" cy="12.3276" r="0.37931"/><circle cx="3.03458" cy="14.9828" r="0.37931"/><circle cx="5.68986" cy="14.9828" r="0.37931"/><circle cx="8.34513" cy="14.9828" r="0.37931"/><circle cx="11.0004" cy="14.9828" r="0.37931"/><circle cx="13.6547" cy="14.9828" r="0.37931"/><circle cx="16.31" cy="14.9828" r="0.37931"/><circle cx="18.9652" cy="14.9828" r="0.37931"/><circle cx="3.03458" cy="18.017" r="0.37931"/><circle cx="5.68986" cy="18.017" r="0.37931"/><circle cx="8.34513" cy="18.017" r="0.37931"/><circle cx="11.0004" cy="18.017" r="0.37931"/><circle cx="13.6547" cy="18.017" r="0.37931"/> </svg> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2024-12-15"> </fieldset> <fieldset class="avail-form__date field"> <div class="field__wrapper"> <div class="field__label">Check-out:</div> <div class="field__text js-new-calendar-to-text"> <span class="field__number js-date-day">16</span> <span class="js-date-month">December</span> </div> </div> <svg width="22" height="22" class="field__icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M14.4138 0.189453C15.3298 0.189453 16.0957 0.842246 16.272 1.70669H22V6.63773V21.8101H0V6.63773V1.70669H5.72797C5.90434 0.842246 6.67055 0.189453 7.58621 0.189453C8.63197 0.189453 9.48276 1.04025 9.48276 2.086C9.48276 3.13176 8.63197 3.98256 7.58621 3.98256C7.37645 3.98256 7.2069 3.813 7.2069 3.60325C7.2069 3.39349 7.37645 3.22394 7.58621 3.22394C8.21359 3.22394 8.72414 2.71338 8.72414 2.086C8.72414 1.45863 8.21359 0.948074 7.58621 0.948074C7.09234 0.948074 6.6751 1.26594 6.51807 1.70669H7.2069C7.41666 1.70669 7.58621 1.87625 7.58621 2.086C7.58621 2.29576 7.41666 2.46532 7.2069 2.46532H6.06897H0.758621V5.87911H21.2414V2.46532H16.272C16.0957 3.32976 15.3294 3.98256 14.4138 3.98256C14.204 3.98256 14.0345 3.813 14.0345 3.60325C14.0345 3.39349 14.204 3.22394 14.4138 3.22394C15.0412 3.22394 15.5517 2.71338 15.5517 2.086C15.5517 1.45863 15.0412 0.948074 14.4138 0.948074C14.204 0.948074 14.0345 0.778522 14.0345 0.568763C14.0345 0.359005 14.204 0.189453 14.4138 0.189453ZM0.758789 21.0515H21.2415V6.6377H0.758789V21.0515Z"/><path d="M9.86173 0.948074C10.4891 0.948074 10.9997 1.45863 10.9997 2.086C10.9997 2.71338 10.4891 3.22394 9.86173 3.22394C9.65197 3.22394 9.48242 3.39349 9.48242 3.60325C9.48242 3.813 9.65197 3.98256 9.86173 3.98256C10.9075 3.98256 11.7583 3.13176 11.7583 2.086C11.7583 1.04025 10.9075 0.189453 9.86173 0.189453C9.65197 0.189453 9.48242 0.359005 9.48242 0.568763C9.48242 0.778522 9.65197 0.948074 9.86173 0.948074Z"/><path d="M12.1381 0.948074C12.7655 0.948074 13.276 1.45863 13.276 2.086C13.276 2.71338 12.7655 3.22394 12.1381 3.22394C11.9283 3.22394 11.7588 3.39349 11.7588 3.60325C11.7588 3.813 11.9283 3.98256 12.1381 3.98256C13.1839 3.98256 14.0347 3.13176 14.0347 2.086C14.0347 1.04025 13.1839 0.189453 12.1381 0.189453C11.9283 0.189453 11.7588 0.359005 11.7588 0.568763C11.7588 0.778522 11.9283 0.948074 12.1381 0.948074Z"/><circle cx="8.34513" cy="9.29337" r="0.37931"/><circle cx="11.0004" cy="9.29337" r="0.37931"/><circle cx="13.6547" cy="9.29337" r="0.37931"/><circle cx="16.31" cy="9.29337" r="0.37931"/><circle cx="18.9652" cy="9.29337" r="0.37931"/><circle cx="3.03458" cy="12.3276" r="0.37931"/><circle cx="5.68986" cy="12.3276" r="0.37931"/><circle cx="8.34513" cy="12.3276" r="0.37931"/><circle cx="11.0004" cy="12.3276" r="0.37931"/><circle cx="13.6547" cy="12.3276" r="0.37931"/><circle cx="16.31" cy="12.3276" r="0.37931"/><circle cx="18.9652" cy="12.3276" r="0.37931"/><circle cx="3.03458" cy="14.9828" r="0.37931"/><circle cx="5.68986" cy="14.9828" r="0.37931"/><circle cx="8.34513" cy="14.9828" r="0.37931"/><circle cx="11.0004" cy="14.9828" r="0.37931"/><circle cx="13.6547" cy="14.9828" r="0.37931"/><circle cx="16.31" cy="14.9828" r="0.37931"/><circle cx="18.9652" cy="14.9828" r="0.37931"/><circle cx="3.03458" cy="18.017" r="0.37931"/><circle cx="5.68986" cy="18.017" r="0.37931"/><circle cx="8.34513" cy="18.017" r="0.37931"/><circle cx="11.0004" cy="18.017" r="0.37931"/><circle cx="13.6547" cy="18.017" r="0.37931"/> </svg> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> night)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nights)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nights)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2024-12-16"> </fieldset> </div> <div class="avail-form__guests js-guests-wrapper"> <div class="avail-form__field-guests field js-guests-toggler"> <div class="field__wrapper"> <div class="field__label">Guests</div> <div class="field__text"> <span class="js-guests-count">2</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="1"> guest</span> <span class="js-guests-count-text" style="display: inline;" data-guests-count="2"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="3"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="4"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="5"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="6"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="7"> guests</span> </div> </div> <svg width="15" height="9" class="field__icon" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg"> <path d="M14.614 0.320312C13.2452 0.723013 11.9187 1.25515 10.6343 1.91673C9.3499 2.57831 8.34209 3.25426 7.61084 3.9446C6.88896 3.26385 5.87647 2.59029 4.57334 1.92392C3.27021 1.25754 1.92491 0.723013 0.537402 0.320312L0.382715 0.766157C1.87335 1.8592 3.19755 3.00257 4.35537 4.19629C5.51319 5.39001 6.52334 6.71075 7.38584 8.15856H7.76553C8.62803 6.71075 9.63818 5.39001 10.796 4.19629C11.9538 3.00257 13.2827 1.8592 14.7827 0.766157L14.614 0.320312Z" /> </svg> </div> <div class="avail-form__dropdown js-guests-dropdown guests-dropdown"> <div class="guests-dropdown__wrapper"> <div class="guests-dropdown__fieldset"> <div class="guests-dropdown__label">Adults:</div> <div class="guests-dropdown__number-select number-select"> <div class="number-select__btn number-select__btn--decrease js-guests-btn" data-type="adults" data-action="-"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,7.7H0.7C0.3,7.7,0,7.4,0,7c0-0.4,0.3-0.7,0.7-0.7h12.6C13.7,6.3,14,6.6,14,7C14,7.4,13.7,7.7,13.3,7.7z" /> </svg> </div> <div class="number-select__number js-adults-count">2</div> <div class="number-select__btn number-select__btn--increase js-guests-btn" data-type="adults" data-action="+"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,6.3H7.7V0.7C7.7,0.3,7.4,0,7,0C6.6,0,6.3,0.3,6.3,0.7v5.6H0.7C0.3,6.3,0,6.6,0,7c0,0.4,0.3,0.7,0.7,0.7h5.6v5.6C6.3,13.7,6.6,14,7,14c0.4,0,0.7-0.3,0.7-0.7V7.7h5.6C13.7,7.7,14,7.4,14,7C14,6.6,13.7,6.3,13.3,6.3z" /> </svg> </div> </div> <input id="adults" class="js-adults-select hidden" value="2" name="adults"> </div> <div class="guests-dropdown__fieldset"> <div class="guests-dropdown__label">Children:</div> <div class="guests-dropdown__number-select number-select"> <div class="number-select__btn number-select__btn--decrease is-disabled js-guests-btn" data-type="children" data-action="-"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,7.7H0.7C0.3,7.7,0,7.4,0,7c0-0.4,0.3-0.7,0.7-0.7h12.6C13.7,6.3,14,6.6,14,7C14,7.4,13.7,7.7,13.3,7.7z" /> </svg> </div> <div class="number-select__number js-children-count">0</div> <div class="number-select__btn number-select__btn--increase js-guests-btn" data-type="children" data-action="+"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,6.3H7.7V0.7C7.7,0.3,7.4,0,7,0C6.6,0,6.3,0.3,6.3,0.7v5.6H0.7C0.3,6.3,0,6.6,0,7c0,0.4,0.3,0.7,0.7,0.7h5.6v5.6C6.3,13.7,6.6,14,7,14c0.4,0,0.7-0.3,0.7-0.7V7.7h5.6C13.7,7.7,14,7.4,14,7C14,6.6,13.7,6.3,13.3,6.3z" /> </svg> </div> </div> <input id="childs" class="js-children-select hidden" value="0" name="children"> </div> </div> <div class="guests-dropdown__age js-age-container"> <div class="guests-dropdown__label js-child-age-title">Ages of children:</div> </div> <div class="avail-form__error guests-dropdown__error hidden js-ch-error js-ch-error-one"> <span>Specify the age of a child</span> </div> <div class="avail-form__error guests-dropdown__error hidden js-ch-error js-ch-error-plural"> <span>Specify the age of children</span> </div> <div class="avail-form__buttons-wrap"> <button class="avail-form__button avail-form__button--cancel js-cancel-button" type="button">Cancel</button> <button class="avail-form__button js-ok-button" type="button">OK</button> </div> </div> </div> <div class="avail-form__submit"> <button class="avail-form__submit-btn js-avail-info-submit-btn" type="submit"> <span class="avail-form__submit-text">Search</span> </button> </div> </form> <template id="child-age-template"> <fieldset class="guests-dropdown__age-item js-age"> <select class="guests-dropdown__select js-child-age-select" name=""> <option selected value=""> -</option> <option value="0"> ‹1</option> <option value="1"> 1</option> <option value="2"> 2</option> <option value="3"> 3</option> <option value="4"> 4</option> <option value="5"> 5</option> <option value="6"> 6</option> <option value="7"> 7</option> <option value="8"> 8</option> <option value="9"> 9</option> <option value="10"> 10</option> <option value="11"> 11</option> <option value="12"> 12</option> <option value="13"> 13</option> <option value="14"> 14</option> <option value="15"> 15</option> <option value="16"> 16</option> </select> </fieldset> </template> </div> </div> <div class="content page-hotel_list js-page-content"> <div class="filters-column"> <div class="page-title hidden">Apartments in Barcelona</div> <div class="filters-popup js-mob-filter js-filters-cont js-filters-popup"> <div class="filters-popup__inner js-filters-popup-content"> <div class="filters-popup__header"> <div class="filters-popup__header-in"> <div class="filters-popup__close-btn js-filters-popup-close-btn"> <svg class="filters-popup__close-btn-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <h3 class="filters-popup__title">Filters</h3> </div> </div> <div class="filters-popup__main"> <form class="js-hotellist-filters" action="/search/"> <fieldset class="hidden"> <input type="hidden" name="sort" value="Rating"/> <input type="hidden" name="order" value="DESC"/> <input type="hidden" name="part" value="1"/> </fieldset> <div class="selected-filters filters-group js-selected-filters-block"> <div class="selected-filters__title">Selected filters</div> <div class="selected-filters__btn selected-filters__btn--clear js-clear-filter"> <div class="selected-filters__btn-text">Clear all</div> <svg width="18" height="18" class="selected-filters__icon-close"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#icon-popup-close"></use> </svg> </div> <div data-target="TypeID_3" class="selected-filters__btn js-selected-filter-btn"> <div class="selected-filters__btn-text"> Apartments </div> <svg width="18" height="18" class="selected-filters__icon-close"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#icon-popup-close"></use> </svg> </div> </div> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Accommodation type</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item is-checked"> <input class="filters-group__checkbox-input" id="TypeID_3" type="checkbox" name="TypeID[]" value="3" checked/> <label class="filters-group__label" for="TypeID_3"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/apartments-3/" class="filters-group__label-name js-filter-popup">Apartments</a> <span class="filters-group__label-count">[4936]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_12" type="checkbox" name="TypeID[]" value="12" /> <label class="filters-group__label" for="TypeID_12"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/hotels-12/" class="filters-group__label-name js-filter-popup">Hotels</a> <span class="filters-group__label-count">[775]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_11" type="checkbox" name="TypeID[]" value="11" /> <label class="filters-group__label" for="TypeID_11"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/hostels-11/" class="filters-group__label-name js-filter-popup">Hostels</a> <span class="filters-group__label-count">[340]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_10" type="checkbox" name="TypeID[]" value="10" /> <label class="filters-group__label" for="TypeID_10"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/guest-houses-10/" class="filters-group__label-name js-filter-popup">Guest houses</a> <span class="filters-group__label-count">[334]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_4" type="checkbox" name="TypeID[]" value="4" /> <label class="filters-group__label" for="TypeID_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/bed-and-breakfasts-4/" class="filters-group__label-name js-filter-popup">Bed & Breakfasts</a> <span class="filters-group__label-count">[190]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_34" type="checkbox" name="TypeID[]" value="34" /> <label class="filters-group__label" for="TypeID_34"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/botels-34/" class="filters-group__label-name js-filter-popup">Botels</a> <span class="filters-group__label-count">[146]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_33" type="checkbox" name="TypeID[]" value="33" /> <label class="filters-group__label" for="TypeID_33"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/holiday-homes-33/" class="filters-group__label-name js-filter-popup">Holiday homes</a> <span class="filters-group__label-count">[126]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_32" type="checkbox" name="TypeID[]" value="32" /> <label class="filters-group__label" for="TypeID_32"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/homestays-32/" class="filters-group__label-name js-filter-popup">Homestays</a> <span class="filters-group__label-count">[87]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_2" type="checkbox" name="TypeID[]" value="2" /> <label class="filters-group__label" for="TypeID_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/aparthotels-2/" class="filters-group__label-name js-filter-popup">Aparthotels</a> <span class="filters-group__label-count">[70]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_24" type="checkbox" name="TypeID[]" value="24" /> <label class="filters-group__label" for="TypeID_24"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/villas-24/" class="filters-group__label-name js-filter-popup">Villas</a> <span class="filters-group__label-count">[65]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_35" type="checkbox" name="TypeID[]" value="35" /> <label class="filters-group__label" for="TypeID_35"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/campsites-35/" class="filters-group__label-name js-filter-popup">Campsites</a> <span class="filters-group__label-count">[18]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_31" type="checkbox" name="TypeID[]" value="31" /> <label class="filters-group__label" for="TypeID_31"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/country-houses-31/" class="filters-group__label-name js-filter-popup">Country houses</a> <span class="filters-group__label-count">[13]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_29" type="checkbox" name="TypeID[]" value="29" /> <label class="filters-group__label" for="TypeID_29"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/luxury-tents-29/" class="filters-group__label-name js-filter-popup">Luxury tents</a> <span class="filters-group__label-count">[8]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_30" type="checkbox" name="TypeID[]" value="30" /> <label class="filters-group__label" for="TypeID_30"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/capsule-hotels-30/" class="filters-group__label-name js-filter-popup">Capsule hotels</a> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_6" type="checkbox" name="TypeID[]" value="6" /> <label class="filters-group__label" for="TypeID_6"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/chalets-6/" class="filters-group__label-name js-filter-popup">Chalets</a> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_17" type="checkbox" name="TypeID[]" value="17" /> <label class="filters-group__label" for="TypeID_17"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/lodges-17/" class="filters-group__label-name js-filter-popup">Lodges</a> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_37" type="checkbox" name="TypeID[]" value="37" /> <label class="filters-group__label" for="TypeID_37"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/farm-stays-37/" class="filters-group__label-name js-filter-popup">Farm stays</a> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_28" type="checkbox" name="TypeID[]" value="28" /> <label class="filters-group__label" for="TypeID_28"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/love-hotels-28/" class="filters-group__label-name js-filter-popup">Love hotels</a> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_16" type="checkbox" name="TypeID[]" value="16" /> <label class="filters-group__label" for="TypeID_16"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/inns-16/" class="filters-group__label-name js-filter-popup">Inns</a> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_39" type="checkbox" name="TypeID[]" value="39" /> <label class="filters-group__label" for="TypeID_39"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/en/type/resorts-39/" class="filters-group__label-name js-filter-popup">Resorts</a> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Show All +</span> <span class="show-all-filters__text show-all-filters__text--less">Show Less -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Hotels by class</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active filters-group__list--tags"> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_0" type="checkbox" name="Stars[]" value="0" /> <label class="filters-group__label" for="Stars_0"> <a href="/en/0-stars/" class="filters-group__label-name js-filter-popup">0</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Price per night</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_0" type="checkbox" name="Price[]" value="0" /> <label class="filters-group__label" for="Price_0"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 0 - USD 50</span> <span class="filters-group__label-count">[1039]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_1" type="checkbox" name="Price[]" value="1" /> <label class="filters-group__label" for="Price_1"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 50 - USD 100</span> <span class="filters-group__label-count">[197]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_2" type="checkbox" name="Price[]" value="2" /> <label class="filters-group__label" for="Price_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 100 - USD 150</span> <span class="filters-group__label-count">[495]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_3" type="checkbox" name="Price[]" value="3" /> <label class="filters-group__label" for="Price_3"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 150 - USD 200</span> <span class="filters-group__label-count">[724]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_4" type="checkbox" name="Price[]" value="4" /> <label class="filters-group__label" for="Price_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 200+</span> <span class="filters-group__label-count">[2481]</span> </span> </label> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Districts</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132713" type="checkbox" name="DistrictID[]" value="132713" /> <label class="filters-group__label" for="DistrictID_132713"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Eixample</span> <span class="filters-group__label-count">[1678]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132712" type="checkbox" name="DistrictID[]" value="132712" /> <label class="filters-group__label" for="DistrictID_132712"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Ciutat Vella</span> <span class="filters-group__label-count">[682]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132718" type="checkbox" name="DistrictID[]" value="132718" /> <label class="filters-group__label" for="DistrictID_132718"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sants-Montjuïc</span> <span class="filters-group__label-count">[435]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132717" type="checkbox" name="DistrictID[]" value="132717" /> <label class="filters-group__label" for="DistrictID_132717"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sant Martí</span> <span class="filters-group__label-count">[419]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132714" type="checkbox" name="DistrictID[]" value="132714" /> <label class="filters-group__label" for="DistrictID_132714"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Gràcia</span> <span class="filters-group__label-count">[396]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132719" type="checkbox" name="DistrictID[]" value="132719" /> <label class="filters-group__label" for="DistrictID_132719"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sarrià-St. Gervasi</span> <span class="filters-group__label-count">[168]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132715" type="checkbox" name="DistrictID[]" value="132715" /> <label class="filters-group__label" for="DistrictID_132715"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Horta-Guinardó</span> <span class="filters-group__label-count">[116]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132716" type="checkbox" name="DistrictID[]" value="132716" /> <label class="filters-group__label" for="DistrictID_132716"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Les Corts</span> <span class="filters-group__label-count">[70]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_903414" type="checkbox" name="DistrictID[]" value="903414" /> <label class="filters-group__label" for="DistrictID_903414"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barcelona Fira 2</span> <span class="filters-group__label-count">[44]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_907206" type="checkbox" name="DistrictID[]" value="907206" /> <label class="filters-group__label" for="DistrictID_907206"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Castelledefels Beach </span> <span class="filters-group__label-count">[43]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_133154" type="checkbox" name="DistrictID[]" value="133154" /> <label class="filters-group__label" for="DistrictID_133154"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sant Andreu</span> <span class="filters-group__label-count">[39]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_283907" type="checkbox" name="DistrictID[]" value="283907" /> <label class="filters-group__label" for="DistrictID_283907"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Nou Barris</span> <span class="filters-group__label-count">[29]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_907215" type="checkbox" name="DistrictID[]" value="907215" /> <label class="filters-group__label" for="DistrictID_907215"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Gava Beach </span> <span class="filters-group__label-count">[21]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_899643" type="checkbox" name="DistrictID[]" value="899643" /> <label class="filters-group__label" for="DistrictID_899643"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sagrada Familia</span> <span class="filters-group__label-count">[6]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_900054" type="checkbox" name="DistrictID[]" value="900054" /> <label class="filters-group__label" for="DistrictID_900054"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barcelona City Centre</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_907365" type="checkbox" name="DistrictID[]" value="907365" /> <label class="filters-group__label" for="DistrictID_907365"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sant Antoni</span> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_903162" type="checkbox" name="DistrictID[]" value="903162" /> <label class="filters-group__label" for="DistrictID_903162"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sitges Beach</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_899634" type="checkbox" name="DistrictID[]" value="899634" /> <label class="filters-group__label" for="DistrictID_899634"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Vila Olímpica</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_899631" type="checkbox" name="DistrictID[]" value="899631" /> <label class="filters-group__label" for="DistrictID_899631"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barceloneta</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Show All +</span> <span class="show-all-filters__text show-all-filters__text--less">Show Less -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Review rating</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_4" type="checkbox" name="Rating[]" value="4" /> <label class="filters-group__label" for="Rating_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Excellent 4.5+</span> <span class="filters-group__label-count">[562]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_3" type="checkbox" name="Rating[]" value="3" /> <label class="filters-group__label" for="Rating_3"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Very Good 4+</span> <span class="filters-group__label-count">[1236]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_2" type="checkbox" name="Rating[]" value="2" /> <label class="filters-group__label" for="Rating_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Good 3.5+</span> <span class="filters-group__label-count">[750]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_1" type="checkbox" name="Rating[]" value="1" /> <label class="filters-group__label" for="Rating_1"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Average 3+</span> <span class="filters-group__label-count">[274]</span> </span> </label> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Attractions</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76460" type="checkbox" name="LandmarkID[]" value="76460" /> <label class="filters-group__label" for="LandmarkID_76460"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">City Centre</span> <span class="filters-group__label-count">[2860]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_132421" type="checkbox" name="LandmarkID[]" value="132421" /> <label class="filters-group__label" for="LandmarkID_132421"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Institucion Teresiana</span> <span class="filters-group__label-count">[2979]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_84696" type="checkbox" name="LandmarkID[]" value="84696" /> <label class="filters-group__label" for="LandmarkID_84696"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Casa Milà</span> <span class="filters-group__label-count">[2978]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_156228" type="checkbox" name="LandmarkID[]" value="156228" /> <label class="filters-group__label" for="LandmarkID_156228"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Passeig de Gràcia - Rail Station</span> <span class="filters-group__label-count">[2973]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357436" type="checkbox" name="LandmarkID[]" value="357436" /> <label class="filters-group__label" for="LandmarkID_357436"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Passeig de Gràcia Train Station</span> <span class="filters-group__label-count">[2973]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_84685" type="checkbox" name="LandmarkID[]" value="84685" /> <label class="filters-group__label" for="LandmarkID_84685"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Casa Batlló</span> <span class="filters-group__label-count">[2970]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_119675" type="checkbox" name="LandmarkID[]" value="119675" /> <label class="filters-group__label" for="LandmarkID_119675"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Adoracion Nocturna Femenina</span> <span class="filters-group__label-count">[2967]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_162369" type="checkbox" name="LandmarkID[]" value="162369" /> <label class="filters-group__label" for="LandmarkID_162369"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">The Fundació Antoni Tàpies</span> <span class="filters-group__label-count">[2967]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016220" type="checkbox" name="LandmarkID[]" value="1016220" /> <label class="filters-group__label" for="LandmarkID_1016220"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Casa Amatller</span> <span class="filters-group__label-count">[2964]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016349" type="checkbox" name="LandmarkID[]" value="1016349" /> <label class="filters-group__label" for="LandmarkID_1016349"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Casa Lleó Morera</span> <span class="filters-group__label-count">[2964]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_162365" type="checkbox" name="LandmarkID[]" value="162365" /> <label class="filters-group__label" for="LandmarkID_162365"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Casa Ametller</span> <span class="filters-group__label-count">[2964]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357433" type="checkbox" name="LandmarkID[]" value="357433" /> <label class="filters-group__label" for="LandmarkID_357433"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">La Pedrera</span> <span class="filters-group__label-count">[2962]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_84705" type="checkbox" name="LandmarkID[]" value="84705" /> <label class="filters-group__label" for="LandmarkID_84705"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Centro Cultural la Pedrera</span> <span class="filters-group__label-count">[2960]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_122143" type="checkbox" name="LandmarkID[]" value="122143" /> <label class="filters-group__label" for="LandmarkID_122143"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Magicus</span> <span class="filters-group__label-count">[2957]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_132282" type="checkbox" name="LandmarkID[]" value="132282" /> <label class="filters-group__label" for="LandmarkID_132282"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Agrupacio del Bergueda</span> <span class="filters-group__label-count">[2954]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_162373" type="checkbox" name="LandmarkID[]" value="162373" /> <label class="filters-group__label" for="LandmarkID_162373"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">FGC - Provença</span> <span class="filters-group__label-count">[2953]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_132261" type="checkbox" name="LandmarkID[]" value="132261" /> <label class="filters-group__label" for="LandmarkID_132261"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Acteon C L</span> <span class="filters-group__label-count">[2953]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_132420" type="checkbox" name="LandmarkID[]" value="132420" /> <label class="filters-group__label" for="LandmarkID_132420"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Happy Parc</span> <span class="filters-group__label-count">[2952]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1794398" type="checkbox" name="LandmarkID[]" value="1794398" /> <label class="filters-group__label" for="LandmarkID_1794398"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Carrer de Balmes</span> <span class="filters-group__label-count">[2950]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_122528" type="checkbox" name="LandmarkID[]" value="122528" /> <label class="filters-group__label" for="LandmarkID_122528"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">4 Vientos</span> <span class="filters-group__label-count">[2948]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1826003" type="checkbox" name="LandmarkID[]" value="1826003" /> <label class="filters-group__label" for="LandmarkID_1826003"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barcelona Stock Exchange</span> <span class="filters-group__label-count">[2947]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76374" type="checkbox" name="LandmarkID[]" value="76374" /> <label class="filters-group__label" for="LandmarkID_76374"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Passeig de Gracia</span> <span class="filters-group__label-count">[2916]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_156226" type="checkbox" name="LandmarkID[]" value="156226" /> <label class="filters-group__label" for="LandmarkID_156226"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Plaça de Catalunya Train Station</span> <span class="filters-group__label-count">[2911]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_119657" type="checkbox" name="LandmarkID[]" value="119657" /> <label class="filters-group__label" for="LandmarkID_119657"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Arc de Triomf</span> <span class="filters-group__label-count">[2836]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357382" type="checkbox" name="LandmarkID[]" value="357382" /> <label class="filters-group__label" for="LandmarkID_357382"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">La Seu, Cathedral of Barcelona</span> <span class="filters-group__label-count">[2781]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357613" type="checkbox" name="LandmarkID[]" value="357613" /> <label class="filters-group__label" for="LandmarkID_357613"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">MACBA</span> <span class="filters-group__label-count">[2776]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357571" type="checkbox" name="LandmarkID[]" value="357571" /> <label class="filters-group__label" for="LandmarkID_357571"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Ciutadella Park</span> <span class="filters-group__label-count">[2710]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76366" type="checkbox" name="LandmarkID[]" value="76366" /> <label class="filters-group__label" for="LandmarkID_76366"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">La Sagrada Familia</span> <span class="filters-group__label-count">[2661]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76375" type="checkbox" name="LandmarkID[]" value="76375" /> <label class="filters-group__label" for="LandmarkID_76375"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Picasso Museum</span> <span class="filters-group__label-count">[2660]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_84688" type="checkbox" name="LandmarkID[]" value="84688" /> <label class="filters-group__label" for="LandmarkID_84688"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Santa Maria del Mar</span> <span class="filters-group__label-count">[2579]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_162351" type="checkbox" name="LandmarkID[]" value="162351" /> <label class="filters-group__label" for="LandmarkID_162351"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barcelona Zoo</span> <span class="filters-group__label-count">[2365]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357451" type="checkbox" name="LandmarkID[]" value="357451" /> <label class="filters-group__label" for="LandmarkID_357451"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Port Vell</span> <span class="filters-group__label-count">[2212]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357445" type="checkbox" name="LandmarkID[]" value="357445" /> <label class="filters-group__label" for="LandmarkID_357445"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Plaza Espanya</span> <span class="filters-group__label-count">[2203]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1780697" type="checkbox" name="LandmarkID[]" value="1780697" /> <label class="filters-group__label" for="LandmarkID_1780697"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Agbar Tower</span> <span class="filters-group__label-count">[2095]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_155953" type="checkbox" name="LandmarkID[]" value="155953" /> <label class="filters-group__label" for="LandmarkID_155953"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barcelona Sants Railway Station</span> <span class="filters-group__label-count">[2008]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357400" type="checkbox" name="LandmarkID[]" value="357400" /> <label class="filters-group__label" for="LandmarkID_357400"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Montjuïc</span> <span class="filters-group__label-count">[1852]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_122141" type="checkbox" name="LandmarkID[]" value="122141" /> <label class="filters-group__label" for="LandmarkID_122141"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Port Olimpic</span> <span class="filters-group__label-count">[1723]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_162352" type="checkbox" name="LandmarkID[]" value="162352" /> <label class="filters-group__label" for="LandmarkID_162352"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barceloneta Beach</span> <span class="filters-group__label-count">[1721]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357556" type="checkbox" name="LandmarkID[]" value="357556" /> <label class="filters-group__label" for="LandmarkID_357556"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">El Poble Espanyol</span> <span class="filters-group__label-count">[1717]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357388" type="checkbox" name="LandmarkID[]" value="357388" /> <label class="filters-group__label" for="LandmarkID_357388"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Park Güell</span> <span class="filters-group__label-count">[1526]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_233617" type="checkbox" name="LandmarkID[]" value="233617" /> <label class="filters-group__label" for="LandmarkID_233617"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Spotify Camp Nou</span> <span class="filters-group__label-count">[943]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76362" type="checkbox" name="LandmarkID[]" value="76362" /> <label class="filters-group__label" for="LandmarkID_76362"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Cruise Port Terminal</span> <span class="filters-group__label-count">[746]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_134333" type="checkbox" name="LandmarkID[]" value="134333" /> <label class="filters-group__label" for="LandmarkID_134333"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barcelona-El Prat</span> <span class="filters-group__label-count">[438]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357490" type="checkbox" name="LandmarkID[]" value="357490" /> <label class="filters-group__label" for="LandmarkID_357490"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Diagonal Mar Shopping Centre</span> <span class="filters-group__label-count">[376]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76357" type="checkbox" name="LandmarkID[]" value="76357" /> <label class="filters-group__label" for="LandmarkID_76357"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barcelona International Convention Center</span> <span class="filters-group__label-count">[332]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_236240" type="checkbox" name="LandmarkID[]" value="236240" /> <label class="filters-group__label" for="LandmarkID_236240"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Parc del Forum</span> <span class="filters-group__label-count">[246]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76377" type="checkbox" name="LandmarkID[]" value="76377" /> <label class="filters-group__label" for="LandmarkID_76377"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Port of Barcelona</span> <span class="filters-group__label-count">[205]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Show All +</span> <span class="show-all-filters__text show-all-filters__text--less">Show Less -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Thematic hotels</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_8" type="checkbox" name="ThemeID[]" value="8" /> <label class="filters-group__label" for="ThemeID_8"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Central hotels</span> <span class="filters-group__label-count">[3698]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_35" type="checkbox" name="ThemeID[]" value="35" /> <label class="filters-group__label" for="ThemeID_35"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Luxury accommodations</span> <span class="filters-group__label-count">[3430]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_9" type="checkbox" name="ThemeID[]" value="9" /> <label class="filters-group__label" for="ThemeID_9"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Cheap and budget hotels</span> <span class="filters-group__label-count">[1552]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_28" type="checkbox" name="ThemeID[]" value="28" /> <label class="filters-group__label" for="ThemeID_28"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Pet-friendly hotels</span> <span class="filters-group__label-count">[826]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_18" type="checkbox" name="ThemeID[]" value="18" /> <label class="filters-group__label" for="ThemeID_18"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Resorts</span> <span class="filters-group__label-count">[675]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_10" type="checkbox" name="ThemeID[]" value="10" /> <label class="filters-group__label" for="ThemeID_10"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Exceptional Design hotels</span> <span class="filters-group__label-count">[542]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_1" type="checkbox" name="ThemeID[]" value="1" /> <label class="filters-group__label" for="ThemeID_1"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Airport hotels</span> <span class="filters-group__label-count">[476]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_2" type="checkbox" name="ThemeID[]" value="2" /> <label class="filters-group__label" for="ThemeID_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Beach hotels</span> <span class="filters-group__label-count">[357]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_11" type="checkbox" name="ThemeID[]" value="11" /> <label class="filters-group__label" for="ThemeID_11"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Family Friendly hotels</span> <span class="filters-group__label-count">[91]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_19" type="checkbox" name="ThemeID[]" value="19" /> <label class="filters-group__label" for="ThemeID_19"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Beachfront hotels</span> <span class="filters-group__label-count">[82]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_4" type="checkbox" name="ThemeID[]" value="4" /> <label class="filters-group__label" for="ThemeID_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Boutique hotels</span> <span class="filters-group__label-count">[77]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_29" type="checkbox" name="ThemeID[]" value="29" /> <label class="filters-group__label" for="ThemeID_29"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Self Catering</span> <span class="filters-group__label-count">[67]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_40" type="checkbox" name="ThemeID[]" value="40" /> <label class="filters-group__label" for="ThemeID_40"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Small Luxury Hotels</span> <span class="filters-group__label-count">[61]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_33" type="checkbox" name="ThemeID[]" value="33" /> <label class="filters-group__label" for="ThemeID_33"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Jacuzzi</span> <span class="filters-group__label-count">[32]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_16" type="checkbox" name="ThemeID[]" value="16" /> <label class="filters-group__label" for="ThemeID_16"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Romantic hotels</span> <span class="filters-group__label-count">[30]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_12" type="checkbox" name="ThemeID[]" value="12" /> <label class="filters-group__label" for="ThemeID_12"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Golf hotels</span> <span class="filters-group__label-count">[20]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_34" type="checkbox" name="ThemeID[]" value="34" /> <label class="filters-group__label" for="ThemeID_34"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hotels with indoor pool</span> <span class="filters-group__label-count">[15]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_17" type="checkbox" name="ThemeID[]" value="17" /> <label class="filters-group__label" for="ThemeID_17"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Spa hotels</span> <span class="filters-group__label-count">[11]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_13" type="checkbox" name="ThemeID[]" value="13" /> <label class="filters-group__label" for="ThemeID_13"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Historical hotels</span> <span class="filters-group__label-count">[9]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_6" type="checkbox" name="ThemeID[]" value="6" /> <label class="filters-group__label" for="ThemeID_6"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Business hotels</span> <span class="filters-group__label-count">[9]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_7" type="checkbox" name="ThemeID[]" value="7" /> <label class="filters-group__label" for="ThemeID_7"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Casino hotels</span> <span class="filters-group__label-count">[5]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_36" type="checkbox" name="ThemeID[]" value="36" /> <label class="filters-group__label" for="ThemeID_36"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hotels with a view</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_39" type="checkbox" name="ThemeID[]" value="39" /> <label class="filters-group__label" for="ThemeID_39"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Castle Hotels</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Show All +</span> <span class="show-all-filters__text show-all-filters__text--less">Show Less -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Hotel facilities</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_97" type="checkbox" name="AmenityID[]" value="97" /> <label class="filters-group__label" for="AmenityID_97"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Wi-Fi</span> <span class="filters-group__label-count">[4062]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_7" type="checkbox" name="AmenityID[]" value="7" /> <label class="filters-group__label" for="AmenityID_7"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Pets allowed</span> <span class="filters-group__label-count">[822]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_413" type="checkbox" name="AmenityID[]" value="413" /> <label class="filters-group__label" for="AmenityID_413"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Airport shuttle</span> <span class="filters-group__label-count">[504]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1100" type="checkbox" name="AmenityID[]" value="1100" /> <label class="filters-group__label" for="AmenityID_1100"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Express check-in/ -out</span> <span class="filters-group__label-count">[304]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_129" type="checkbox" name="AmenityID[]" value="129" /> <label class="filters-group__label" for="AmenityID_129"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">24-hour reception</span> <span class="filters-group__label-count">[178]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_28" type="checkbox" name="AmenityID[]" value="28" /> <label class="filters-group__label" for="AmenityID_28"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Rooms/ Facilities for disabled</span> <span class="filters-group__label-count">[100]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_256" type="checkbox" name="AmenityID[]" value="256" /> <label class="filters-group__label" for="AmenityID_256"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Fitness centre</span> <span class="filters-group__label-count">[74]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1362" type="checkbox" name="AmenityID[]" value="1362" /> <label class="filters-group__label" for="AmenityID_1362"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Adults only</span> <span class="filters-group__label-count">[58]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_105" type="checkbox" name="AmenityID[]" value="105" /> <label class="filters-group__label" for="AmenityID_105"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Indoor swimming pool</span> <span class="filters-group__label-count">[15]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_33" type="checkbox" name="AmenityID[]" value="33" /> <label class="filters-group__label" for="AmenityID_33"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Casino</span> <span class="filters-group__label-count">[5]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1149" type="checkbox" name="AmenityID[]" value="1149" /> <label class="filters-group__label" for="AmenityID_1149"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Indoor car park</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1148" type="checkbox" name="AmenityID[]" value="1148" /> <label class="filters-group__label" for="AmenityID_1148"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Outdoor car park</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Show All +</span> <span class="show-all-filters__text show-all-filters__text--less">Show Less -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Room facilities</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1095" type="checkbox" name="AmenityID[]" value="1095" /> <label class="filters-group__label" for="AmenityID_1095"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Free Wi-Fi in rooms</span> <span class="filters-group__label-count">[313]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1135" type="checkbox" name="AmenityID[]" value="1135" /> <label class="filters-group__label" for="AmenityID_1135"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Soundproofed rooms</span> <span class="filters-group__label-count">[207]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1338" type="checkbox" name="AmenityID[]" value="1338" /> <label class="filters-group__label" for="AmenityID_1338"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Private bathroom</span> <span class="filters-group__label-count">[14]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1353" type="checkbox" name="AmenityID[]" value="1353" /> <label class="filters-group__label" for="AmenityID_1353"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Individual heating</span> <span class="filters-group__label-count">[8]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1349" type="checkbox" name="AmenityID[]" value="1349" /> <label class="filters-group__label" for="AmenityID_1349"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Central heating</span> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1340" type="checkbox" name="AmenityID[]" value="1340" /> <label class="filters-group__label" for="AmenityID_1340"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Separate living room</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1345" type="checkbox" name="AmenityID[]" value="1345" /> <label class="filters-group__label" for="AmenityID_1345"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hypo-allergenic bedding</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1351" type="checkbox" name="AmenityID[]" value="1351" /> <label class="filters-group__label" for="AmenityID_1351"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Separate bedroom</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1426" type="checkbox" name="AmenityID[]" value="1426" /> <label class="filters-group__label" for="AmenityID_1426"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Mini-fridge</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Show All +</span> <span class="show-all-filters__text show-all-filters__text--less">Show Less -</span> </div> </li> </ul> </fieldset> </form> </div> <div class="filters-popup__footer"> <div class="filters-popup__footer-in"> <div class="filters-popup__btn filters-popup__btn--apply js-apply-filter">Apply Filters</div> </div> </div> </div> </div> </div> <div class="list-of-hotels js-hotellist-hotels"> <div class="list-of-hotels__header"> <div class="list-of-hotels__menu list-tabs"> <div class="list-tabs__item list-tabs__item--list js-change-view" data-view="0">List view</div> <div class="list-tabs__item list-tabs__item--map js-link js-link-hex js-save-params" data-hex=34372e3130392e39372e3131322e3437>Map view</div> <div class="list-tabs__item list-tabs__item--photo js-change-view" data-view="1">Photo view</div> </div> <div class="sort-filter"> <div class="sort-filter__filters js-filters-popup-show-btn"> <svg class="sort-filter__filters-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#filter"></use> </svg> <span class="sort-filter__filters-text"> Filters <span class="sort-filter__filters-counter js-filters-counter"></span> </span> </div> <div id="sort-by" class="sort-filter__sort-by sort-by"> <div class="sort-by__wrapper js-sort-select"> <div class="sort-by__dropdown sort-dropdown div-select"> <div class="sort-by__btn-wrapper js-sort-dropdown-trigger"> <div class="sort-by__btn"> <div class="sort-by__btn-text"> Most popular first </div> <svg class="sort-by__btn-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <div class="sort-by__btn-mobile"> <svg class="sort-by__btn-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#sort"></use> </svg> <span class="sort-by__btn-text">Sorting</span> </div> </div> <ul class="js-sort-select-block sort-dropdown__list"> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name is-active" data-sort="Rating" data-order="DESC">Most popular first</div> </li> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name " data-sort="RevRating" data-order="DESC">Highest rating first</div> </li> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name " data-sort="Price" data-order="ASC">Lowest price first</div> </li> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name " data-sort="Distance" data-order="ASC">Distance - low to high</div> </li> </ul> </div> </div> </div> </div> </div> <div class="hotellist" > <div class="hotellist__list"> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casp-74-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15953/1595399/1595399352.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399352.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casp-74-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15953/1595399/1595399356.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399356.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casp-74-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15953/1595399/1595399361.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399361.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casp-74-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15953/1595399/1595399364.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399364.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casp-74-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15953/1595399/1595399365.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399365.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casp-74-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15953/1595399/1595399368.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399368.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Casp 74 Apartments"> <a class="hotel-card__title-link" href="https://casp-74-apartments.topbarcelonahotels.com/en/" target="_blank">Casp 74 Apartments</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">800 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(2959 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Casp 74 Apartments offers proximity to such tourist attractions as Casa Calvet, situated a mere 250 metres away. This hotel offers a private parking garage for EUR 25 per day on site.</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$224</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e39372e3131352e3131322e34352e35352e35322e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Casp 74 Apartments offers proximity to such tourist attractions as Casa Calvet, situated a mere 250 metres away. This hotel offers a private parking garage for EUR 25 per day on site.</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://happy-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/10067/1006717/1006717567.JPEG 1x, /data/Photos/700x500w/10067/1006717/1006717567.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://happy-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15868/1586826/1586826355.JPEG 1x, /data/Photos/700x500w/15868/1586826/1586826355.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://happy-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15868/1586826/1586826389.JPEG 1x, /data/Photos/700x500w/15868/1586826/1586826389.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://happy-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15868/1586826/1586826390.JPEG 1x, /data/Photos/700x500w/15868/1586826/1586826390.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://happy-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15868/1586826/1586826418.JPEG 1x, /data/Photos/700x500w/15868/1586826/1586826418.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://happy-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15868/1586826/1586826419.JPEG 1x, /data/Photos/700x500w/15868/1586826/1586826419.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Happy Apartments"> <a class="hotel-card__title-link" href="https://happy-apartments-barcelona.topbarcelonahotels.com/en/" target="_blank">Happy Apartments</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">900 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(2741 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Located only a 5-minute walk from Liceu underground station, the well-equipped Happy Apartments also boasts proximity to the 15th-century Gothic church "Basilica de Santa Maria del Pi". Guests can…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$98</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e39372e3131322e3131322e3132312e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Located only a 5-minute walk from Liceu underground station, the well-equipped Happy Apartments also boasts proximity to the 15th-century Gothic church "Basilica de Santa Maria del Pi". Guests can…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://08028-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/6907/690735/690735696.JPEG 1x, /data/Photos/700x500w/6907/690735/690735696.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://08028-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15895/1589527/1589527479.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527479.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://08028-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15895/1589527/1589527465.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527465.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://08028-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15895/1589527/1589527507.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527507.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://08028-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15895/1589527/1589527537.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527537.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://08028-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15895/1589527/1589527651.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527651.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="08028 Apartments"> <a class="hotel-card__title-link" href="https://08028-apartments.topbarcelonahotels.com/en/" target="_blank">08028 Apartments</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">3.3 km to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(4245 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">08028 Apartments is located approximately 25 minutes' walk from the huge circular Magic Fountain and offers spa facilities such as a plunge pool. The apartment is about a 10-minute ride from Placa…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$84</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e34382e35362e34382e35302e35362e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">08028 Apartments is located approximately 25 minutes' walk from the huge circular Magic Fountain and offers spa facilities such as a plunge pool. The apartment is about a 10-minute ride from Placa…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apart-suites-hostemplo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/1779/177949/177949692.JPEG 1x, /data/Photos/700x500w/1779/177949/177949692.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apart-suites-hostemplo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15946/1594680/1594680588.JPEG 1x, /data/Photos/700x500w/15946/1594680/1594680588.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apart-suites-hostemplo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15894/1589493/1589493608.JPEG 1x, /data/Photos/700x500w/15894/1589493/1589493608.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apart-suites-hostemplo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15894/1589493/1589493555.JPEG 1x, /data/Photos/700x500w/15894/1589493/1589493555.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apart-suites-hostemplo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13058/1305803/1305803230.JPEG 1x, /data/Photos/700x500w/13058/1305803/1305803230.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apart-suites-hostemplo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15894/1589493/1589493575.JPEG 1x, /data/Photos/700x500w/15894/1589493/1589493575.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Apart-Suites Hostemplo"> <a class="hotel-card__title-link" href="https://apart-suites-hostemplo.topbarcelonahotels.com/en/" target="_blank">Apart-Suites Hostemplo</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">1.6 km to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(2540 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Featuring a snack and drink vending machine, and a lift, the stylish Apart-Suites Hostemplo is located around 25 minutes on foot from Mercado de La Boqueria. At this apartment, Wi-Fi and public…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$101</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131322e39372e3131342e3131362e34352e3131352e3131372e3130352e3131362e3130312e3131352e34352e3130342e3131312e3131352e3131362e3130312e3130392e3131322e3130382e3131312e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Featuring a snack and drink vending machine, and a lift, the stylish Apart-Suites Hostemplo is located around 25 minutes on foot from Mercado de La Boqueria. At this apartment, Wi-Fi and public…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sensation-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13302/1330232/1330232987.JPEG 1x, /data/Photos/700x500w/13302/1330232/1330232987.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sensation-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14993/1499340/1499340931.JPEG 1x, /data/Photos/700x500w/14993/1499340/1499340931.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sensation-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14993/1499340/1499340970.JPEG 1x, /data/Photos/700x500w/14993/1499340/1499340970.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sensation-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14993/1499341/1499341036.JPEG 1x, /data/Photos/700x500w/14993/1499341/1499341036.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sensation-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14993/1499341/1499341084.JPEG 1x, /data/Photos/700x500w/14993/1499341/1499341084.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sensation-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14993/1499341/1499341114.JPEG 1x, /data/Photos/700x500w/14993/1499341/1499341114.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Sensation Sagrada Familia"> <a class="hotel-card__title-link" href="https://sensation-sagrada-familia.topbarcelonahotels.com/en/" target="_blank">Sensation Sagrada Familia</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">2 km to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(1315 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Situated nearly 5 minutes' walk from Parking Sagrada Familia, Sensation Sagrada Familia Apartment entices guests with a plunge pool, a solarium, and a sauna. The apartment is approximately a 10…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$159</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e3130312e3131302e3131352e39372e3131362e3130352e3131312e3131302e34352e3131352e39372e3130332e3131342e39372e3130302e39372e34352e3130322e39372e3130392e3130352e3130382e3130352e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Situated nearly 5 minutes' walk from Parking Sagrada Familia, Sensation Sagrada Familia Apartment entices guests with a plunge pool, a solarium, and a sauna. The apartment is approximately a 10…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://wello-eixample-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8872/887250/887250538.JPEG 1x, /data/Photos/700x500w/8872/887250/887250538.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://wello-eixample-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12273/1227350/1227350483.JPEG 1x, /data/Photos/700x500w/12273/1227350/1227350483.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://wello-eixample-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12273/1227350/1227350600.JPEG 1x, /data/Photos/700x500w/12273/1227350/1227350600.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://wello-eixample-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12273/1227350/1227350699.JPEG 1x, /data/Photos/700x500w/12273/1227350/1227350699.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://wello-eixample-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12273/1227351/1227351170.JPEG 1x, /data/Photos/700x500w/12273/1227351/1227351170.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://wello-eixample-apartments.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12273/1227351/1227351719.JPEG 1x, /data/Photos/700x500w/12273/1227351/1227351719.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Wello Apartments"> <a class="hotel-card__title-link" href="https://wello-eixample-apartments.topbarcelonahotels.com/en/" target="_blank">Wello Apartments</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">800 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1483 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Located approximately a 10-minute walk from Universitat underground station, the stylish Wello Apartments also boasts proximity to Galeria Joan Gaspar. Offering cots and high chairs for guests with…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$174</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131392e3130312e3130382e3130382e3131312e34352e3130312e3130352e3132302e39372e3130392e3131322e3130382e3130312e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Located approximately a 10-minute walk from Universitat underground station, the stylish Wello Apartments also boasts proximity to Galeria Joan Gaspar. Offering cots and high chairs for guests with…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aspasios-rambla-catalunya-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/641/64143/64143628.JPEG 1x, /data/Photos/700x500w/641/64143/64143628.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aspasios-rambla-catalunya-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14995/1499536/1499536579.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536579.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aspasios-rambla-catalunya-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14995/1499536/1499536642.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536642.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aspasios-rambla-catalunya-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14995/1499536/1499536756.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536756.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aspasios-rambla-catalunya-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14995/1499536/1499536555.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536555.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aspasios-rambla-catalunya-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16236/1623663/1623663464.JPEG 1x, /data/Photos/700x500w/16236/1623663/1623663464.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Aspasios Rambla Catalunya Apartments"> <a class="hotel-card__title-link" href="https://aspasios-rambla-catalunya-suites.topbarcelonahotels.com/en/" target="_blank">Aspasios Rambla Catalunya Apartments</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">600 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(1818 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Situated within 5 minutes' walk of Fundacio Antoni Tapies, Aspasios Rambla Catalunya Suites offers guests easy access to various tourist attractions nearby.</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$197</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131352e3131322e39372e3131352e3130352e3131312e3131352e34352e3131342e39372e3130392e39382e3130382e39372e34352e39392e39372e3131362e39372e3130382e3131372e3131302e3132312e39372e34352e3131352e3131372e3130352e3131362e3130312e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Situated within 5 minutes' walk of Fundacio Antoni Tapies, Aspasios Rambla Catalunya Suites offers guests easy access to various tourist attractions nearby.</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://midtown-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16299/1629919/1629919204.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919204.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://midtown-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16299/1629919/1629919197.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919197.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://midtown-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16299/1629919/1629919199.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919199.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://midtown-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16299/1629919/1629919201.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919201.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://midtown-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16299/1629919/1629919202.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919202.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://midtown-apartments-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16299/1629919/1629919203.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919203.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Midtown Apartments"> <a class="hotel-card__title-link" href="https://midtown-apartments-barcelona.topbarcelonahotels.com/en/" target="_blank">Midtown Apartments</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">600 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.4</span> <span class="hotel-card__reviews-count">(961 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">The spectacular Midtown Apartments is located only 1.2 km from the fantastical Gaudi-designed Casa Batllo Apartments and around 5 minutes by car from Las Ramblas. The exclusive original-style…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$275</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3130352e3130302e3131362e3131312e3131392e3131302e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">The spectacular Midtown Apartments is located only 1.2 km from the fantastical Gaudi-designed Casa Batllo Apartments and around 5 minutes by car from Las Ramblas. The exclusive original-style…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-paseo-de-gracia-rocamora-apartment.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/2371/237174/237174629.JPEG 1x, /data/Photos/700x500w/2371/237174/237174629.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-paseo-de-gracia-rocamora-apartment.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15298/1529886/1529886463.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886463.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-paseo-de-gracia-rocamora-apartment.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15298/1529886/1529886574.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886574.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-paseo-de-gracia-rocamora-apartment.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15298/1529886/1529886577.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886577.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-paseo-de-gracia-rocamora-apartment.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15298/1529886/1529886589.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886589.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-paseo-de-gracia-rocamora-apartment.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15298/1529886/1529886598.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886598.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Bcn Paseo De Gracia Rocamora Apartment"> <a class="hotel-card__title-link" href="https://bcn-paseo-de-gracia-rocamora-apartment.topbarcelonahotels.com/en/" target="_blank">Bcn Paseo De Gracia Rocamora Apartment</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">800 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(982 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Located at a 250-metre distance from Casa Batllo and Fundacio Antoni Tapies, Bcn Paseo De Gracia Rocamora Apartment features views of the patio. Wi-Fi is provided for both business and leisure…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$298</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e39392e3131302e34352e3131322e39372e3131352e3130312e3131312e34352e3130302e3130312e34352e3130332e3131342e39372e39392e3130352e39372e34352e3131342e3131312e39392e39372e3130392e3131312e3131342e39372e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Located at a 250-metre distance from Casa Batllo and Fundacio Antoni Tapies, Bcn Paseo De Gracia Rocamora Apartment features views of the patio. Wi-Fi is provided for both business and leisure…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gaudi-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15807/1580707/1580707593.JPEG 1x, /data/Photos/700x500w/15807/1580707/1580707593.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gaudi-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15288/1528812/1528812532.JPEG 1x, /data/Photos/700x500w/15288/1528812/1528812532.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gaudi-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15288/1528808/1528808866.JPEG 1x, /data/Photos/700x500w/15288/1528808/1528808866.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gaudi-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15884/1588431/1588431511.JPEG 1x, /data/Photos/700x500w/15884/1588431/1588431511.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gaudi-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15884/1588431/1588431459.JPEG 1x, /data/Photos/700x500w/15884/1588431/1588431459.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gaudi-sagrada-familia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15884/1588431/1588431445.JPEG 1x, /data/Photos/700x500w/15884/1588431/1588431445.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Gaudi Sagrada Familia"> <a class="hotel-card__title-link" href="https://gaudi-sagrada-familia.topbarcelonahotels.com/en/" target="_blank">Gaudi Sagrada Familia</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">2.1 km to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.5</span> <span class="hotel-card__reviews-count">(2073 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">The stylish Gaudi Sagrada Familia Apartment provides swift access to various city landmarks, such as La Bodega Mediterrania, located nearly a 5-minute walk away. This apartment features Wi-Fi…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$177</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130332e39372e3131372e3130302e3130352e34352e3131352e39372e3130332e3131342e39372e3130302e39372e34352e3130322e39372e3130392e3130352e3130382e3130352e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">The stylish Gaudi Sagrada Familia Apartment provides swift access to various city landmarks, such as La Bodega Mediterrania, located nearly a 5-minute walk away. This apartment features Wi-Fi…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://serennia-apartamentos-ramblas-placa-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15885/1588585/1588585341.JPEG 1x, /data/Photos/700x500w/15885/1588585/1588585341.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://serennia-apartamentos-ramblas-placa-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15805/1580590/1580590447.JPEG 1x, /data/Photos/700x500w/15805/1580590/1580590447.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://serennia-apartamentos-ramblas-placa-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15885/1588585/1588585291.JPEG 1x, /data/Photos/700x500w/15885/1588585/1588585291.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://serennia-apartamentos-ramblas-placa-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/6645/664535/664535241.JPEG 1x, /data/Photos/700x500w/6645/664535/664535241.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://serennia-apartamentos-ramblas-placa-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/6657/665715/665715435.JPEG 1x, /data/Photos/700x500w/6657/665715/665715435.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://serennia-apartamentos-ramblas-placa-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/6666/666607/666607074.JPEG 1x, /data/Photos/700x500w/6666/666607/666607074.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Serennia Apartamentos Ramblas - Placa Catalunya"> <a class="hotel-card__title-link" href="https://serennia-apartamentos-ramblas-placa-catalunya.topbarcelonahotels.com/en/" target="_blank">Serennia Apartamentos Ramblas - Placa Catalunya</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">400 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count">(1431 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Serennia Apartamentos Ramblas - Placa Catalunya lies just 1.4 km from the classical archway "Arco de Triunfo de Barcelona" and nearly a 10-minute walk from Universitat tube station. Staying at the…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$300</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e3130312e3131342e3130312e3131302e3131302e3130352e39372e34352e39372e3131322e39372e3131342e3131362e39372e3130392e3130312e3131302e3131362e3131312e3131352e34352e3131342e39372e3130392e39382e3130382e39372e3131352e34352e3131322e3130382e39372e39392e39372e34352e39392e39372e3131362e39372e3130382e3131372e3131302e3132312e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Serennia Apartamentos Ramblas - Placa Catalunya lies just 1.4 km from the classical archway "Arco de Triunfo de Barcelona" and nearly a 10-minute walk from Universitat tube station. Staying at the…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-rambla-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15936/1593656/1593656062.JPEG 1x, /data/Photos/700x500w/15936/1593656/1593656062.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-rambla-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15881/1588112/1588112488.JPEG 1x, /data/Photos/700x500w/15881/1588112/1588112488.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-rambla-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15892/1589200/1589200843.JPEG 1x, /data/Photos/700x500w/15892/1589200/1589200843.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-rambla-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15892/1589200/1589200860.JPEG 1x, /data/Photos/700x500w/15892/1589200/1589200860.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-rambla-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15892/1589200/1589200916.JPEG 1x, /data/Photos/700x500w/15892/1589200/1589200916.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-rambla-catalunya.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15895/1589521/1589521721.JPEG 1x, /data/Photos/700x500w/15895/1589521/1589521721.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Bcn Rambla Catalunya Apartments"> <a class="hotel-card__title-link" href="https://bcn-rambla-catalunya.topbarcelonahotels.com/en/" target="_blank">Bcn Rambla Catalunya Apartments</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">1.1 km to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(581 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">The family-friendly 8-room Bcn Rambla Catalunya Apartments lies a 17-minute walk from Goya Theatre and within 10 minutes' walk of Provenca-Diagonal tube station. The apartment features Wi-Fi and…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$249</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e39392e3131302e34352e3131342e39372e3130392e39382e3130382e39372e34352e39392e39372e3131362e39372e3130382e3131372e3131302e3132312e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">The family-friendly 8-room Bcn Rambla Catalunya Apartments lies a 17-minute walk from Goya Theatre and within 10 minutes' walk of Provenca-Diagonal tube station. The apartment features Wi-Fi and…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rambla-102.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9178/917801/917801290.JPEG 1x, /data/Photos/700x500w/9178/917801/917801290.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rambla-102.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9178/917804/917804158.JPEG 1x, /data/Photos/700x500w/9178/917804/917804158.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rambla-102.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9178/917804/917804008.JPEG 1x, /data/Photos/700x500w/9178/917804/917804008.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rambla-102.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9178/917804/917804137.JPEG 1x, /data/Photos/700x500w/9178/917804/917804137.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rambla-102.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9178/917805/917805901.JPEG 1x, /data/Photos/700x500w/9178/917805/917805901.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rambla-102.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9178/917803/917803951.JPEG 1x, /data/Photos/700x500w/9178/917803/917803951.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Rambla 102"> <a class="hotel-card__title-link" href="https://rambla-102.topbarcelonahotels.com/en/" target="_blank">Rambla 102</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">500 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(1183 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Set a mere 5 minutes' stroll from Mercado de La Boqueria, Rambla 102 Apartment comprises a dressing area and a kitchen overlooking the city. The upscale 9-room hotel features Wi-Fi in the rooms.</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$224</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131342e39372e3130392e39382e3130382e39372e34352e34392e34382e35302e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Set a mere 5 minutes' stroll from Mercado de La Boqueria, Rambla 102 Apartment comprises a dressing area and a kitchen overlooking the city. The upscale 9-room hotel features Wi-Fi in the rooms.</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-apartments-41.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/2319/231959/231959674.JPEG 1x, /data/Photos/700x500w/2319/231959/231959674.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-apartments-41.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16087/1608793/1608793613.JPEG 1x, /data/Photos/700x500w/16087/1608793/1608793613.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-apartments-41.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16087/1608793/1608793617.JPEG 1x, /data/Photos/700x500w/16087/1608793/1608793617.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-apartments-41.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16087/1608793/1608793627.JPEG 1x, /data/Photos/700x500w/16087/1608793/1608793627.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-apartments-41.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16087/1608793/1608793628.JPEG 1x, /data/Photos/700x500w/16087/1608793/1608793628.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-apartments-41.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16087/1608793/1608793638.JPEG 1x, /data/Photos/700x500w/16087/1608793/1608793638.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Bcn Apartments 41"> <a class="hotel-card__title-link" href="https://bcn-apartments-41.topbarcelonahotels.com/en/" target="_blank">Bcn Apartments 41</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">700 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(1037 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Bcn Apartments 41 includes a terrace and is situated only 6 minutes' walk from the generous stage "Tivoli Theatre". The exquisite apartment is also within 20 minutes' walk of Basilica of the Sagrada…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$207</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e39392e3131302e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35322e34392e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Bcn Apartments 41 includes a terrace and is situated only 6 minutes' walk from the generous stage "Tivoli Theatre". The exquisite apartment is also within 20 minutes' walk of Basilica of the Sagrada…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trivao-suites-sant-antoni-market-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/6942/694260/694260450.JPEG 1x, /data/Photos/700x500w/6942/694260/694260450.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trivao-suites-sant-antoni-market-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15882/1588224/1588224208.JPEG 1x, /data/Photos/700x500w/15882/1588224/1588224208.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trivao-suites-sant-antoni-market-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15883/1588325/1588325286.JPEG 1x, /data/Photos/700x500w/15883/1588325/1588325286.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trivao-suites-sant-antoni-market-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15883/1588325/1588325340.JPEG 1x, /data/Photos/700x500w/15883/1588325/1588325340.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trivao-suites-sant-antoni-market-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15883/1588325/1588325259.JPEG 1x, /data/Photos/700x500w/15883/1588325/1588325259.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trivao-suites-sant-antoni-market-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15882/1588224/1588224168.JPEG 1x, /data/Photos/700x500w/15882/1588224/1588224168.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Weflating Suites Sant Antoni Market"> <a class="hotel-card__title-link" href="https://trivao-suites-sant-antoni-market-barcelona.topbarcelonahotels.com/en/" target="_blank">Weflating Suites Sant Antoni Market</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">1.2 km to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(986 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Weflating Suites Sant Antoni Market is located only a 6-minute walk from Sant Antoni Market and looks out onto the city. Wi-Fi and a car park are also available at this apartment.</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$127</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131362e3131342e3130352e3131382e39372e3131312e34352e3131352e3131372e3130352e3131362e3130312e3131352e34352e3131352e39372e3131302e3131362e34352e39372e3131302e3131362e3131312e3131302e3130352e34352e3130392e39372e3131342e3130372e3130312e3131362e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Weflating Suites Sant Antoni Market is located only a 6-minute walk from Sant Antoni Market and looks out onto the city. Wi-Fi and a car park are also available at this apartment.</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://durlet-beach-apartments-barcelona-08005.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/3933/393363/393363531.JPEG 1x, /data/Photos/700x500w/3933/393363/393363531.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://durlet-beach-apartments-barcelona-08005.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15256/1525647/1525647250.JPEG 1x, /data/Photos/700x500w/15256/1525647/1525647250.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://durlet-beach-apartments-barcelona-08005.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15256/1525647/1525647214.JPEG 1x, /data/Photos/700x500w/15256/1525647/1525647214.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://durlet-beach-apartments-barcelona-08005.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/3933/393363/393363537.JPEG 1x, /data/Photos/700x500w/3933/393363/393363537.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://durlet-beach-apartments-barcelona-08005.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/3933/393364/393364164.JPEG 1x, /data/Photos/700x500w/3933/393364/393364164.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://durlet-beach-apartments-barcelona-08005.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/4627/462759/462759585.JPEG 1x, /data/Photos/700x500w/4627/462759/462759585.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Durlet Beach Apartments"> <a class="hotel-card__title-link" href="https://durlet-beach-apartments-barcelona-08005.topbarcelonahotels.com/en/" target="_blank">Durlet Beach Apartments</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">3.5 km to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(1254 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Featuring a swimming pool and a terrace, Durlet Beach Apartments is situated in the Sant Marti district, at a distance of 6 km from Montjuic Castle. Located at a distance of 6 km from the huge…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$139</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130302e3131372e3131342e3130382e3130312e3131362e34352e39382e3130312e39372e39392e3130342e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e34382e35362e34382e34382e35332e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Featuring a swimming pool and a terrace, Durlet Beach Apartments is situated in the Sant Marti district, at a distance of 6 km from Montjuic Castle. Located at a distance of 6 km from the huge…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://friendly-rentals-portaferrissa.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16263/1626364/1626364222.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364222.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://friendly-rentals-portaferrissa.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16263/1626364/1626364242.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364242.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://friendly-rentals-portaferrissa.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16263/1626364/1626364214.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364214.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://friendly-rentals-portaferrissa.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16263/1626364/1626364219.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364219.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://friendly-rentals-portaferrissa.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16263/1626364/1626364224.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364224.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://friendly-rentals-portaferrissa.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16263/1626364/1626364236.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364236.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Ola Living Portaferrissa"> <a class="hotel-card__title-link" href="https://friendly-rentals-portaferrissa.topbarcelonahotels.com/en/" target="_blank">Ola Living Portaferrissa</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">400 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count">(1407 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Located within 5 minutes' walk of Placa de Catalunya, Ola Living Portaferrissa Apartment gives quick access to various tourist spots in the vicinity. This apartment features Wi-Fi throughout the…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$238</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130322e3131342e3130352e3130312e3131302e3130302e3130382e3132312e34352e3131342e3130312e3131302e3131362e39372e3130382e3131352e34352e3131322e3131312e3131342e3131362e39372e3130322e3130312e3131342e3131342e3130352e3131352e3131352e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Located within 5 minutes' walk of Placa de Catalunya, Ola Living Portaferrissa Apartment gives quick access to various tourist spots in the vicinity. This apartment features Wi-Fi throughout the…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://residencia-erasmus-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/4180/418039/418039668.JPEG 1x, /data/Photos/700x500w/4180/418039/418039668.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://residencia-erasmus-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15891/1589169/1589169202.JPEG 1x, /data/Photos/700x500w/15891/1589169/1589169202.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://residencia-erasmus-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11941/1194144/1194144688.JPEG 1x, /data/Photos/700x500w/11941/1194144/1194144688.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://residencia-erasmus-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11973/1197393/1197393223.JPEG 1x, /data/Photos/700x500w/11973/1197393/1197393223.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://residencia-erasmus-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11941/1194143/1194143452.JPEG 1x, /data/Photos/700x500w/11941/1194143/1194143452.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://residencia-erasmus-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11941/1194144/1194144631.JPEG 1x, /data/Photos/700x500w/11941/1194144/1194144631.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Residencia Erasmus Gracia"> <a class="hotel-card__title-link" href="https://residencia-erasmus-gracia.topbarcelonahotels.com/en/" target="_blank">Residencia Erasmus Gracia</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">2.7 km to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(5095 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Offering a lift and a vending machine, Residencia Erasmus Gracia Apartment lies around 25 minutes' walk from Basilica of the Sagrada Familia. Monastery and Museum of Pedralbes can be reached by car…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$37</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131342e3130312e3131352e3130352e3130302e3130312e3131302e39392e3130352e39372e34352e3130312e3131342e39372e3131352e3130392e3131372e3131352e34352e3130332e3131342e39372e39392e3130352e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Offering a lift and a vending machine, Residencia Erasmus Gracia Apartment lies around 25 minutes' walk from Basilica of the Sagrada Familia. Monastery and Museum of Pedralbes can be reached by car…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bacardi-central-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8207/820707/820707917.JPEG 1x, /data/Photos/700x500w/8207/820707/820707917.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bacardi-central-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15495/1549538/1549538428.JPEG 1x, /data/Photos/700x500w/15495/1549538/1549538428.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bacardi-central-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15495/1549538/1549538584.JPEG 1x, /data/Photos/700x500w/15495/1549538/1549538584.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bacardi-central-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15880/1588058/1588058929.JPEG 1x, /data/Photos/700x500w/15880/1588058/1588058929.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bacardi-central-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15891/1589197/1589197816.JPEG 1x, /data/Photos/700x500w/15891/1589197/1589197816.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bacardi-central-suites.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15891/1589197/1589197827.JPEG 1x, /data/Photos/700x500w/15891/1589197/1589197827.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Ramblas Apartments"> <a class="hotel-card__title-link" href="https://bacardi-central-suites.topbarcelonahotels.com/en/" target="_blank">Ramblas Apartments</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">900 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(1211 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">The family-friendly Ramblas Apartments is situated just 14 minutes' stroll from Maremagnum and has a number of amenities, including a cash machine and a lift. Guests can take advantage of a private…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$69</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e39372e39392e39372e3131342e3130302e3130352e34352e39392e3130312e3131302e3131362e3131342e39372e3130382e34352e3131352e3131372e3130352e3131362e3130312e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">The family-friendly Ramblas Apartments is situated just 14 minutes' stroll from Maremagnum and has a number of amenities, including a cash machine and a lift. Guests can take advantage of a private…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apartments-sixtyfour.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/7044/704479/704479531.JPEG 1x, /data/Photos/700x500w/7044/704479/704479531.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apartments-sixtyfour.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15213/1521342/1521342493.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342493.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apartments-sixtyfour.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15213/1521342/1521342526.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342526.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apartments-sixtyfour.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15213/1521342/1521342571.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342571.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apartments-sixtyfour.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15213/1521342/1521342805.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342805.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://apartments-sixtyfour.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15213/1521342/1521342820.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342820.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Apartments Sixtyfour"> <a class="hotel-card__title-link" href="https://apartments-sixtyfour.topbarcelonahotels.com/en/" target="_blank">Apartments Sixtyfour</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Apartment in Barcelona, Spain </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">900 m to the city centre</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(1288 reviews)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Offering a privileged location near an underground station, the traditional Apartments Sixtyfour lies a 13-minute walk from an educational place such as University of Barcelona. This hotel features…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$210</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e3131352e3130352e3132302e3131362e3132312e3130322e3131312e3131372e3131342e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e34372e33352e3131342e3131312e3131312e3130392e313135">View hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Offering a privileged location near an underground station, the traditional Apartments Sixtyfour lies a 13-minute walk from an educational place such as University of Barcelona. This hotel features…</div> </div> </div> </div> <div class="hotellist__photos"> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15953/1595399/1595399352.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399352.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15953/1595399/1595399356.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399356.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15953/1595399/1595399361.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399361.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15953/1595399/1595399364.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399364.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15953/1595399/1595399365.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399365.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15953/1595399/1595399368.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399368.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e39372e3131352e3131322e34352e35352e35322e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Casp 74 Apartments</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">800 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$224</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count" title="2959 reviews"> (2959 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/10067/1006717/1006717567.JPEG 1x, /data/Photos/700x500w/10067/1006717/1006717567.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15868/1586826/1586826355.JPEG 1x, /data/Photos/700x500w/15868/1586826/1586826355.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15868/1586826/1586826389.JPEG 1x, /data/Photos/700x500w/15868/1586826/1586826389.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15868/1586826/1586826390.JPEG 1x, /data/Photos/700x500w/15868/1586826/1586826390.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15868/1586826/1586826418.JPEG 1x, /data/Photos/700x500w/15868/1586826/1586826418.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15868/1586826/1586826419.JPEG 1x, /data/Photos/700x500w/15868/1586826/1586826419.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e39372e3131322e3131322e3132312e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Happy Apartments</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">900 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$98</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count" title="2741 reviews"> (2741 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/6907/690735/690735696.JPEG 1x, /data/Photos/700x500w/6907/690735/690735696.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15895/1589527/1589527479.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527479.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15895/1589527/1589527465.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527465.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15895/1589527/1589527507.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527507.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15895/1589527/1589527537.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527537.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15895/1589527/1589527651.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527651.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e34382e35362e34382e35302e35362e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">08028 Apartments</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">3.3 km to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$84</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count" title="4245 reviews"> (4245 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/1779/177949/177949692.JPEG 1x, /data/Photos/700x500w/1779/177949/177949692.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15946/1594680/1594680588.JPEG 1x, /data/Photos/700x500w/15946/1594680/1594680588.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15894/1589493/1589493608.JPEG 1x, /data/Photos/700x500w/15894/1589493/1589493608.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15894/1589493/1589493555.JPEG 1x, /data/Photos/700x500w/15894/1589493/1589493555.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13058/1305803/1305803230.JPEG 1x, /data/Photos/700x500w/13058/1305803/1305803230.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15894/1589493/1589493575.JPEG 1x, /data/Photos/700x500w/15894/1589493/1589493575.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131322e39372e3131342e3131362e34352e3131352e3131372e3130352e3131362e3130312e3131352e34352e3130342e3131312e3131352e3131362e3130312e3130392e3131322e3130382e3131312e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Apart-Suites Hostemplo</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">1.6 km to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$101</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count" title="2540 reviews"> (2540 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13302/1330232/1330232987.JPEG 1x, /data/Photos/700x500w/13302/1330232/1330232987.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14993/1499340/1499340931.JPEG 1x, /data/Photos/700x500w/14993/1499340/1499340931.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14993/1499340/1499340970.JPEG 1x, /data/Photos/700x500w/14993/1499340/1499340970.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14993/1499341/1499341036.JPEG 1x, /data/Photos/700x500w/14993/1499341/1499341036.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14993/1499341/1499341084.JPEG 1x, /data/Photos/700x500w/14993/1499341/1499341084.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14993/1499341/1499341114.JPEG 1x, /data/Photos/700x500w/14993/1499341/1499341114.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e3130312e3131302e3131352e39372e3131362e3130352e3131312e3131302e34352e3131352e39372e3130332e3131342e39372e3130302e39372e34352e3130322e39372e3130392e3130352e3130382e3130352e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Sensation Sagrada Familia</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">2 km to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$159</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count" title="1315 reviews"> (1315 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8872/887250/887250538.JPEG 1x, /data/Photos/700x500w/8872/887250/887250538.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12273/1227350/1227350483.JPEG 1x, /data/Photos/700x500w/12273/1227350/1227350483.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12273/1227350/1227350600.JPEG 1x, /data/Photos/700x500w/12273/1227350/1227350600.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12273/1227350/1227350699.JPEG 1x, /data/Photos/700x500w/12273/1227350/1227350699.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12273/1227351/1227351170.JPEG 1x, /data/Photos/700x500w/12273/1227351/1227351170.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12273/1227351/1227351719.JPEG 1x, /data/Photos/700x500w/12273/1227351/1227351719.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131392e3130312e3130382e3130382e3131312e34352e3130312e3130352e3132302e39372e3130392e3131322e3130382e3130312e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Wello Apartments</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">800 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$174</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count" title="1483 reviews"> (1483 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/641/64143/64143628.JPEG 1x, /data/Photos/700x500w/641/64143/64143628.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14995/1499536/1499536579.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536579.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14995/1499536/1499536642.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536642.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14995/1499536/1499536756.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536756.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14995/1499536/1499536555.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536555.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16236/1623663/1623663464.JPEG 1x, /data/Photos/700x500w/16236/1623663/1623663464.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131352e3131322e39372e3131352e3130352e3131312e3131352e34352e3131342e39372e3130392e39382e3130382e39372e34352e39392e39372e3131362e39372e3130382e3131372e3131302e3132312e39372e34352e3131352e3131372e3130352e3131362e3130312e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Aspasios Rambla Catalunya Apartments</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">600 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$197</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count" title="1818 reviews"> (1818 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16299/1629919/1629919204.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919204.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16299/1629919/1629919197.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919197.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16299/1629919/1629919199.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919199.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16299/1629919/1629919201.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919201.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16299/1629919/1629919202.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919202.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16299/1629919/1629919203.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919203.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3130352e3130302e3131362e3131312e3131392e3131302e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Midtown Apartments</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">600 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$275</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.4</span> <span class="hotel-card__reviews-count" title="961 reviews"> (961 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/2371/237174/237174629.JPEG 1x, /data/Photos/700x500w/2371/237174/237174629.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15298/1529886/1529886463.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886463.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15298/1529886/1529886574.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886574.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15298/1529886/1529886577.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886577.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15298/1529886/1529886589.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886589.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15298/1529886/1529886598.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886598.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e39392e3131302e34352e3131322e39372e3131352e3130312e3131312e34352e3130302e3130312e34352e3130332e3131342e39372e39392e3130352e39372e34352e3131342e3131312e39392e39372e3130392e3131312e3131342e39372e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Bcn Paseo De Gracia Rocamora Apartment</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">800 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$298</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count" title="982 reviews"> (982 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15807/1580707/1580707593.JPEG 1x, /data/Photos/700x500w/15807/1580707/1580707593.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15288/1528812/1528812532.JPEG 1x, /data/Photos/700x500w/15288/1528812/1528812532.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15288/1528808/1528808866.JPEG 1x, /data/Photos/700x500w/15288/1528808/1528808866.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15884/1588431/1588431511.JPEG 1x, /data/Photos/700x500w/15884/1588431/1588431511.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15884/1588431/1588431459.JPEG 1x, /data/Photos/700x500w/15884/1588431/1588431459.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15884/1588431/1588431445.JPEG 1x, /data/Photos/700x500w/15884/1588431/1588431445.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130332e39372e3131372e3130302e3130352e34352e3131352e39372e3130332e3131342e39372e3130302e39372e34352e3130322e39372e3130392e3130352e3130382e3130352e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Gaudi Sagrada Familia</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">2.1 km to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$177</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.5</span> <span class="hotel-card__reviews-count" title="2073 reviews"> (2073 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15885/1588585/1588585341.JPEG 1x, /data/Photos/700x500w/15885/1588585/1588585341.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15805/1580590/1580590447.JPEG 1x, /data/Photos/700x500w/15805/1580590/1580590447.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15885/1588585/1588585291.JPEG 1x, /data/Photos/700x500w/15885/1588585/1588585291.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/6645/664535/664535241.JPEG 1x, /data/Photos/700x500w/6645/664535/664535241.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/6657/665715/665715435.JPEG 1x, /data/Photos/700x500w/6657/665715/665715435.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/6666/666607/666607074.JPEG 1x, /data/Photos/700x500w/6666/666607/666607074.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e3130312e3131342e3130312e3131302e3131302e3130352e39372e34352e39372e3131322e39372e3131342e3131362e39372e3130392e3130312e3131302e3131362e3131312e3131352e34352e3131342e39372e3130392e39382e3130382e39372e3131352e34352e3131322e3130382e39372e39392e39372e34352e39392e39372e3131362e39372e3130382e3131372e3131302e3132312e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Serennia Apartamentos Ramblas - Placa Catalunya</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">400 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$300</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count" title="1431 reviews"> (1431 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15936/1593656/1593656062.JPEG 1x, /data/Photos/700x500w/15936/1593656/1593656062.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15881/1588112/1588112488.JPEG 1x, /data/Photos/700x500w/15881/1588112/1588112488.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15892/1589200/1589200843.JPEG 1x, /data/Photos/700x500w/15892/1589200/1589200843.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15892/1589200/1589200860.JPEG 1x, /data/Photos/700x500w/15892/1589200/1589200860.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15892/1589200/1589200916.JPEG 1x, /data/Photos/700x500w/15892/1589200/1589200916.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15895/1589521/1589521721.JPEG 1x, /data/Photos/700x500w/15895/1589521/1589521721.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e39392e3131302e34352e3131342e39372e3130392e39382e3130382e39372e34352e39392e39372e3131362e39372e3130382e3131372e3131302e3132312e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Bcn Rambla Catalunya Apartments</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">1.1 km to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$249</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count" title="581 reviews"> (581 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9178/917801/917801290.JPEG 1x, /data/Photos/700x500w/9178/917801/917801290.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9178/917804/917804158.JPEG 1x, /data/Photos/700x500w/9178/917804/917804158.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9178/917804/917804008.JPEG 1x, /data/Photos/700x500w/9178/917804/917804008.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9178/917804/917804137.JPEG 1x, /data/Photos/700x500w/9178/917804/917804137.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9178/917805/917805901.JPEG 1x, /data/Photos/700x500w/9178/917805/917805901.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9178/917803/917803951.JPEG 1x, /data/Photos/700x500w/9178/917803/917803951.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131342e39372e3130392e39382e3130382e39372e34352e34392e34382e35302e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Rambla 102</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">500 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$224</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count" title="1183 reviews"> (1183 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/2319/231959/231959674.JPEG 1x, /data/Photos/700x500w/2319/231959/231959674.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16087/1608793/1608793613.JPEG 1x, /data/Photos/700x500w/16087/1608793/1608793613.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16087/1608793/1608793617.JPEG 1x, /data/Photos/700x500w/16087/1608793/1608793617.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16087/1608793/1608793627.JPEG 1x, /data/Photos/700x500w/16087/1608793/1608793627.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16087/1608793/1608793628.JPEG 1x, /data/Photos/700x500w/16087/1608793/1608793628.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16087/1608793/1608793638.JPEG 1x, /data/Photos/700x500w/16087/1608793/1608793638.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e39392e3131302e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35322e34392e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Bcn Apartments 41</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">700 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$207</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count" title="1037 reviews"> (1037 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/6942/694260/694260450.JPEG 1x, /data/Photos/700x500w/6942/694260/694260450.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15882/1588224/1588224208.JPEG 1x, /data/Photos/700x500w/15882/1588224/1588224208.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15883/1588325/1588325286.JPEG 1x, /data/Photos/700x500w/15883/1588325/1588325286.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15883/1588325/1588325340.JPEG 1x, /data/Photos/700x500w/15883/1588325/1588325340.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15883/1588325/1588325259.JPEG 1x, /data/Photos/700x500w/15883/1588325/1588325259.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15882/1588224/1588224168.JPEG 1x, /data/Photos/700x500w/15882/1588224/1588224168.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131362e3131342e3130352e3131382e39372e3131312e34352e3131352e3131372e3130352e3131362e3130312e3131352e34352e3131352e39372e3131302e3131362e34352e39372e3131302e3131362e3131312e3131302e3130352e34352e3130392e39372e3131342e3130372e3130312e3131362e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Weflating Suites Sant Antoni Market</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">1.2 km to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$127</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count" title="986 reviews"> (986 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/3933/393363/393363531.JPEG 1x, /data/Photos/700x500w/3933/393363/393363531.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15256/1525647/1525647250.JPEG 1x, /data/Photos/700x500w/15256/1525647/1525647250.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15256/1525647/1525647214.JPEG 1x, /data/Photos/700x500w/15256/1525647/1525647214.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/3933/393363/393363537.JPEG 1x, /data/Photos/700x500w/3933/393363/393363537.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/3933/393364/393364164.JPEG 1x, /data/Photos/700x500w/3933/393364/393364164.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/4627/462759/462759585.JPEG 1x, /data/Photos/700x500w/4627/462759/462759585.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130302e3131372e3131342e3130382e3130312e3131362e34352e39382e3130312e39372e39392e3130342e34352e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e34382e35362e34382e34382e35332e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Durlet Beach Apartments</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">3.5 km to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$139</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count" title="1254 reviews"> (1254 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16263/1626364/1626364222.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364222.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16263/1626364/1626364242.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364242.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16263/1626364/1626364214.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364214.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16263/1626364/1626364219.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364219.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16263/1626364/1626364224.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364224.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16263/1626364/1626364236.JPEG 1x, /data/Photos/700x500w/16263/1626364/1626364236.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130322e3131342e3130352e3130312e3131302e3130302e3130382e3132312e34352e3131342e3130312e3131302e3131362e39372e3130382e3131352e34352e3131322e3131312e3131342e3131362e39372e3130322e3130312e3131342e3131342e3130352e3131352e3131352e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Ola Living Portaferrissa</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">400 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$238</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count" title="1407 reviews"> (1407 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/4180/418039/418039668.JPEG 1x, /data/Photos/700x500w/4180/418039/418039668.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15891/1589169/1589169202.JPEG 1x, /data/Photos/700x500w/15891/1589169/1589169202.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11941/1194144/1194144688.JPEG 1x, /data/Photos/700x500w/11941/1194144/1194144688.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11973/1197393/1197393223.JPEG 1x, /data/Photos/700x500w/11973/1197393/1197393223.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11941/1194143/1194143452.JPEG 1x, /data/Photos/700x500w/11941/1194143/1194143452.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11941/1194144/1194144631.JPEG 1x, /data/Photos/700x500w/11941/1194144/1194144631.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131342e3130312e3131352e3130352e3130302e3130312e3131302e39392e3130352e39372e34352e3130312e3131342e39372e3131352e3130392e3131372e3131352e34352e3130332e3131342e39372e39392e3130352e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Residencia Erasmus Gracia</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">2.7 km to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$37</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count" title="5095 reviews"> (5095 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8207/820707/820707917.JPEG 1x, /data/Photos/700x500w/8207/820707/820707917.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15495/1549538/1549538428.JPEG 1x, /data/Photos/700x500w/15495/1549538/1549538428.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15495/1549538/1549538584.JPEG 1x, /data/Photos/700x500w/15495/1549538/1549538584.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15880/1588058/1588058929.JPEG 1x, /data/Photos/700x500w/15880/1588058/1588058929.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15891/1589197/1589197816.JPEG 1x, /data/Photos/700x500w/15891/1589197/1589197816.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15891/1589197/1589197827.JPEG 1x, /data/Photos/700x500w/15891/1589197/1589197827.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e39372e39392e39372e3131342e3130302e3130352e34352e39392e3130312e3131302e3131362e3131342e39372e3130382e34352e3131352e3131372e3130352e3131362e3130312e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Ramblas Apartments</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">900 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$69</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count" title="1211 reviews"> (1211 reviews) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/7044/704479/704479531.JPEG 1x, /data/Photos/700x500w/7044/704479/704479531.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15213/1521342/1521342493.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342493.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15213/1521342/1521342526.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342526.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15213/1521342/1521342571.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342571.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15213/1521342/1521342805.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342805.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15213/1521342/1521342820.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342820.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e3131352e3130352e3132302e3131362e3132312e3130322e3131312e3131372e3131342e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131302e3437"> <h4 class="hotel-card__title">Apartments Sixtyfour</h4> <div class="hotel-card__distance"> Apartment in Barcelona, Spain </div> <div class="hotel-card__distance">900 m to the city centre</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$210</div> <div class="hotel-card__price-text">avg/night</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count" title="1288 reviews"> (1288 reviews) </span> </div> </div> </div> </div> </div> </div> </div> <div class="navigation"> <div class="navigation__container js-navigation"> <div class="navigation__block"> <div class="navigation__prev is-disabled"> <svg class="navigation__icon" width="10" height="16" viewBox="0 0 10 16" xmlns="http://www.w3.org/2000/svg"> <path d="M9.94336 14.1133L3.83004 8L9.94336 1.88669L8.05673 0L0.0567284 8L8.05673 16L9.94336 14.1133Z"/> </svg> </div> </div> <div class="navigation__block"> <div class="navigation__text is-active">1</div> </div> <div class="navigation__block"> <a class="navigation__text" href="/en/type/apartments-3/2/" data-part="2">2</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/en/type/apartments-3/3/" data-part="3">3</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/en/type/apartments-3/4/" data-part="4">4</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/en/type/apartments-3/5/" data-part="5">5</a> </div> <div class="navigation__block"> <a class="navigation__next" href="/en/type/apartments-3/2/" data-part="2"> <svg class="navigation__icon" width="10" height="16" viewBox="0 0 10 16" xmlns="http://www.w3.org/2000/svg"> <path d="M0.0566406 1.88669L6.16996 8L0.0566406 14.1133L1.94327 16L9.94327 8L1.94327 0L0.0566406 1.88669Z"/> </svg> </a> </div> </div> </div> </div> </div> <div class="hotels-loader modal js-avail-progress" id="splash"> <div class="hotels-loader__content js-popup-content" > <div class="hotels-loader__title">Searching hotels</div> <div id="progress" class="hotels-loader__progress-bar"> <div class="hotels-loader__progress-bar-inner"></div> </div> <div class="hotels-loader__progress-animation"> <div class="hotels-loader__animation hotels-loader__animation--1"></div> <div class="hotels-loader__animation hotels-loader__animation--2"></div> <div class="hotels-loader__animation hotels-loader__animation--3"></div> <div class="hotels-loader__animation hotels-loader__animation--4"></div> <div class="hotels-loader__animation hotels-loader__animation--5"></div> <div class="hotels-loader__animation hotels-loader__animation--6"></div> <div class="hotels-loader__animation hotels-loader__animation--7"></div> <div class="hotels-loader__animation hotels-loader__animation--8"></div> <div class="hotels-loader__animation hotels-loader__animation--9"></div> <div class="hotels-loader__animation hotels-loader__animation--10"></div> <div class="hotels-loader__animation hotels-loader__animation--11"></div> <div class="hotels-loader__animation hotels-loader__animation--12"></div> </div> <div class="hotels-loader__count js-count"></div> <div class="hotels-loader__result js-result">results so far</div> </div> </div> <footer class="footer"> <div class="footer__top top"> <div class="top__main-info main-info"> <div class="top__logo"> <a href="/en/" class="footer-logo"> <div class="footer-logo__wrap"> <div class="footer-logo__above"> <div class="footer-logo__above-text">hotel in</div> </div> <div class="footer-logo__text"> Barcelona </div> <div class="footer-logo__under"> <div class="footer-logo__under-text">.com</div> </div> </div> </a> </div> <ul class="main-info__list"> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text"> We love Barcelona and know our city. </span> </li> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text"> We are here for you, even on site in Barcelona. </span> </li> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text">We offer you great deals, hotels and tickets.</span> </li> </ul> </div> <div class="top__additional-info additional-info"> <div class="additional-info__more"> <h3 class="additional-info__more-title">More</h3> <ul class="additional-info__more-list"> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130312e3131302e34372e39372e39382e3131312e3131372e3131362e3437>About Us</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130312e3131302e34372e3131322e3131342e3130352e3131382e39372e39392e3132312e3437>Privacy</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130312e3131302e34372e3131352e3131372e3131322e3131322e3131312e3131342e3131362e3437>Contact Us</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130312e3131302e34372e39372e3130302e3130302e34352e3130342e3131312e3131362e3130312e3130382e3437>Add property</span> </li> </ul> <ul class="additional-info__more-media more__media"> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--fb"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#fb"></use> </svg> </li> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--yt"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#youtube"></use> </svg> </li> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--insta"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#instagram"></use> </svg> </li> </ul> </div> </div> </div> <div class="footer__bottom bottom"> <div class="bottom__inner"> <p class="bottom__copyright">Hotel Reservation System | 2024 © topbarcelonahotels.com. All rights reserved</p> <ul class="bottom__payment-list"> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-pci"></use> </svg> </li> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-mastercard"></use> </svg> </li> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-visa"></use> </svg> </li> </ul> </div> </div> </footer> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>We use cookies to ensure that we give you the best experience on our website. If you continue to use this site, we will assume that you are happy with it.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>OK</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NO</div> </div> </div> </div> </div> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'topbarcelonahotels.com', page: 'hotel_list', type: 'destination', lang_id: '1', lang: 'en', day: '14', month: '12', year: '2024', id: '2524050053', track: 'je1UR0Wg0qaWlolp', btest: false , device: 3 , tob: false , sdom: 'https://www.topbarcelonahotels.com', sid: '127241', nid: '55', curr: 'US$', curr_rate: '1', currency: {"ID":"1","CurrencyID":"1","LangID":"1","Name":"U.S. dollar","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/type\/apartments-3\/?currency=1"}, obj_id: '45', theme: '8001', cityID: 45, map_params: { provider: '2', key: '' , lat: '41.386993', long: '2.170052' }, av_params: { use: '0', from: '2024-12-15', to: '2024-12-16', adults: '2', children: '0', childrenTitle: 'Ages of children:' }, messages: { f_name: 'Please enter your name', f_email: 'Please enter a valid email address', f_subject: 'Please choose subject', f_message: 'Please enter message', f_review: 'Please enter text', f_review_cons: 'Please enter text', f_month: 'Please choose month', f_year: 'Please choose year', f_rating: 'Please rate this property', } , k: 'uelpjdcnf6b', v: '73f068c4933076b183a330b79af2476e' }; </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'hotel_list', frontPage:'category', typeObject:'destination', currencyId:'1', languageId:'1', language:'en', isRtl: false , currentDay:'14', currentMonth:'12', currentYear:'2024', logId: '2524050053', track: 'je1UR0Wg0qaWlolp', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.topbarcelonahotels.com', siteId:'127241', nid:'55', siteDomain: 'topbarcelonahotels.com', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'45', hotelTheme:'8001', clickTrip: { destinationType: "city", cityId: "-372490", subAccount: "dest-clicktrip-n55-141224-s127241-wje1UR0Wg0qaWlolp-d8001-dc3" }, cityID: 45, cityLocalName: "Barcelona", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.386993' ,hotelLongitude:'2.170052' ,cityCenterLatitude: '41386993' ,cityCenterLongitude: '2170052' }, availableParams: { use:'0', dataFrom:'2024-12-15', dataTo:'2024-12-16', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'Please enter your name', messageEmail:'Please enter a valid email address', messageSubject:'Please choose subject', messageMessage:'Please enter message', messageReview:'Please enter text', messageReviewCons:'Please enter text', messageMonth:'Please choose month', messageYear:'Please choose year', messageRating:'Please rate this property', messageCountry:'Choose a country', next:'Next', prev:'Previous', messageCalendar:'Enter your dates and check our special offers' }, stopSpamKey:'uelpjdcnf6b', stopSpamValue:'73f068c4933076b183a330b79af2476e', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.topbarcelonahotels.com"]); _paq.push(["setDomains", ["*.topbarcelonahotels.com"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 127241]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'en', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=127241" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/80/build/destination-search-page/script.65a5ea755e33364402d4ee00736465ea.js"></script> <script nomodule src="/new/designs/80/build/destination-search-page/script-es5.b67698a4c71f404e65e9bd2c64f580f6.js"></script> </body> </html>