Barcelona hotels & apartments, all accommodations in Barcelona

<!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>Barcelona hotels & apartments, all accommodations in Barcelona</title> <meta name="format-detection" content="telephone=no"/> <meta name="keywords" content="Barcelona hotels, Barcelona apartments, accommodation in Barcelona"/> <meta name="description" content="Online booking for hotels 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-main-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/" title="Arabic"/> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.topbarcelonahotels.com/zh/" title="Chinese"/> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.topbarcelonahotels.com/cs/" title="Czech"/> <link rel="alternate" hreflang="da" type="text/html" href="https://www.topbarcelonahotels.com/da/" title="Danish"/> <link rel="alternate" hreflang="de" type="text/html" href="https://www.topbarcelonahotels.com/de/" title="Deutch"/> <link rel="alternate" hreflang="en" type="text/html" href="https://www.topbarcelonahotels.com/en/" title="English"/> <link rel="alternate" hreflang="es" type="text/html" href="https://www.topbarcelonahotels.com/es/" title="Spanish"/> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.topbarcelonahotels.com/fr/" title="French"/> <link rel="alternate" hreflang="el" type="text/html" href="https://www.topbarcelonahotels.com/el/" title="Greek"/> <link rel="alternate" hreflang="he" type="text/html" href="https://www.topbarcelonahotels.com/he/" title="Hebrew"/> <link rel="alternate" hreflang="it" type="text/html" href="https://www.topbarcelonahotels.com/it/" title="Italiano"/> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.topbarcelonahotels.com/ja/" title="Japanese"/> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.topbarcelonahotels.com/ko/" title="Korean"/> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.topbarcelonahotels.com/hu/" title="Hungarian"/> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.topbarcelonahotels.com/nl/" title="Dutch"/> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.topbarcelonahotels.com/pl/" title="Polish"/> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.topbarcelonahotels.com/pt/" title="Portuguese"/> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.topbarcelonahotels.com/ru/" title="Russian"/> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.topbarcelonahotels.com/sv/" title="Swedish"/> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.topbarcelonahotels.com/tr/" title="Turkish"/> <link rel="canonical" href="https://www.topbarcelonahotels.com/en/"/> </head> <body> <div class="banner banner--main" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3439> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3531> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3535> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3439> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3439> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3536> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3537> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35332e3535> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35342e3534> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3532> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3531> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35352e3535> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3531> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3438> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3530> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3530> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3533> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3534> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3535> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35322e3530> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3532> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3533> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35332e3439> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3537> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3536> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3530> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3534> <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=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3530> <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"> Best places to stay 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">08</span> <span class="js-date-month">March</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="2025-03-08"> </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">09</span> <span class="js-date-month">March</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="2025-03-09"> </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> <span class="js-guests-count-text" style="display: none;" data-guests-count="8"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="9"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="10"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="11"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="12"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="13"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="14"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="15"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="16"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="17"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="18"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="19"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="20"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="21"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="22"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="23"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="24"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="25"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="26"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="27"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="28"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="29"> guests</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="30"> 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-main js-page-content"> <div class="inner where-to-stay js-where-to-stay"> <h2 class="where-to-stay__title title">Where to Stay in Barcelona</h2> <p class="where-to-stay__subtitle subtitle">Explore the whole city to choose what suits you.</p> <div class="where-to-stay__tabs js-tabs-where-to-stay"> <div class="where-to-stay-tab active" data-target=".js-districts-block"> <span class="where-to-stay-tab__text">Top districts</span> </div> <div class="where-to-stay-tab active" data-target=".js-attractions-block"> <span class="where-to-stay-tab__text">Top attractions</span> </div> <div class="where-to-stay-tab active" data-target=".js-map-block"> <span class="where-to-stay-tab__text">Explore on map</span> </div> </div> <div class="where-to-stay__blocks"> <div class="where-to-stay__block where-to-stay-districts active js-districts-block"> <div class="where-to-stay-districts__wrapper"> <div class="where-to-stay-districts__cards "> <div class="where-to-stay-districts__cards-item where-to-stay-districts-card"> <a href="/en/near-eixample-dr132713/" target="_blank"> <img class='where-to-stay-districts-card__img' alt=''src="/img/districts/700x500/0/4/4395.JPEG"> <div class="where-to-stay-districts-card__inner"> <div class="where-to-stay-districts-card__inner-name where-to-stay-districts-card__inner-name--white">Eixample</div> <div class="where-to-stay-districts-card__inner-props where-to-stay-districts-card__inner-props--white">View 2241 properties</div> </div> </a> </div> <div class="where-to-stay-districts__cards-item where-to-stay-districts-card"> <a href="/en/near-ciutat-vella-dr132712/" target="_blank"> <img class='where-to-stay-districts-card__img' alt=''src="/img/districts/700x500/0/4/4831.JPEG"> <div class="where-to-stay-districts-card__inner"> <div class="where-to-stay-districts-card__inner-name where-to-stay-districts-card__inner-name--white">Ciutat Vella</div> <div class="where-to-stay-districts-card__inner-props where-to-stay-districts-card__inner-props--white">View 1101 properties</div> </div> </a> </div> </div> <div class="where-to-stay-districts__list"> <ul class="where-to-stay-districts__links"> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/en/near-sants-montjuic-dr132718/" target="_blank"> <p class="where-to-stay-districts-link__name">Sants-Montjuïc</p> </a> <p class="where-to-stay-districts-link__props">537 properties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/en/near-sant-marti-dr132717/" target="_blank"> <p class="where-to-stay-districts-link__name">Sant Martí</p> </a> <p class="where-to-stay-districts-link__props">481 properties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/en/near-gracia-dr132714/" target="_blank"> <p class="where-to-stay-districts-link__name">Gràcia</p> </a> <p class="where-to-stay-districts-link__props">464 properties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/en/near-sarria-st-gervasi-dr132719/" target="_blank"> <p class="where-to-stay-districts-link__name">Sarrià-St. Gervasi</p> </a> <p class="where-to-stay-districts-link__props">243 properties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/en/near-horta-guinardo-dr132715/" target="_blank"> <p class="where-to-stay-districts-link__name">Horta-Guinardó</p> </a> <p class="where-to-stay-districts-link__props">143 properties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/en/near-les-corts-dr132716/" target="_blank"> <p class="where-to-stay-districts-link__name">Les Corts</p> </a> <p class="where-to-stay-districts-link__props">107 properties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> <div class="where-to-stay-districts__toggle-btn js-districts-toggle-btn active" data-target='.js-more-links'> <span>Show more</span> <span>Hide</span> </div> </div> </div> <ul class="where-to-stay-districts__more js-more-links active"> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-barcelona-fira-2-dr903414/" target="_blank"> <p class="districts-more-link__name">Barcelona Fira 2</p> </a> <p class="districts-more-link__props">62 properties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-castelledefels-beach-dr907206/" target="_blank"> <p class="districts-more-link__name">Castelledefels Beach </p> </a> <p class="districts-more-link__props">55 properties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-sant-andreu-dr133154/" target="_blank"> <p class="districts-more-link__name">Sant Andreu</p> </a> <p class="districts-more-link__props">52 properties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-nou-barris-dr283907/" target="_blank"> <p class="districts-more-link__name">Nou Barris</p> </a> <p class="districts-more-link__props">40 properties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-gava-beach-dr907215/" target="_blank"> <p class="districts-more-link__name">Gava Beach </p> </a> <p class="districts-more-link__props">25 properties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-sagrada-familia-dr899643/" target="_blank"> <p class="districts-more-link__name">Sagrada Familia</p> </a> <p class="districts-more-link__props">6 properties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-barcelona-city-centre-dr900054/" target="_blank"> <p class="districts-more-link__name">Barcelona City Centre</p> </a> <p class="districts-more-link__props">5 properties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-sant-antoni-dr907365/" target="_blank"> <p class="districts-more-link__name">Sant Antoni</p> </a> <p class="districts-more-link__props">3 properties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-sitges-beach-dr903162/" target="_blank"> <p class="districts-more-link__name">Sitges Beach</p> </a> <p class="districts-more-link__props">2 properties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-forum-beach-dr907260/" target="_blank"> <p class="districts-more-link__name">Forum Beach </p> </a> <p class="districts-more-link__props">2 properties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-puerto-banus-dr903081/" target="_blank"> <p class="districts-more-link__name">Puerto Banus</p> </a> <p class="districts-more-link__props">1 property</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-el-born-dr899640/" target="_blank"> <p class="districts-more-link__name">El Born</p> </a> <p class="districts-more-link__props">1 property</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-barceloneta-dr899631/" target="_blank"> <p class="districts-more-link__name">Barceloneta</p> </a> <p class="districts-more-link__props">1 property</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/en/near-vila-olimpica-dr899634/" target="_blank"> <p class="districts-more-link__name">Vila Olímpica</p> </a> <p class="districts-more-link__props">1 property</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> </div> <div class="where-to-stay__block where-to-stay-attractions active js-attractions-block"> <div class="where-to-stay-attractions__wrapper"> <div class="where-to-stay-attractions__cards "> <div class="where-to-stay-attractions__cards-item where-to-stay-attractions-card"> <a href="/en/near-city-center-76460/" target="_blank"> <img class='where-to-stay-attractions-card__img' alt='' src="/img/districts/556x270/0/5/5114.JPEG"> <div class="where-to-stay-attractions-card__inner"> <div class="where-to-stay-attractions-card__inner-name where-to-stay-attractions-card__inner-name--white">City Centre</div> <div class="where-to-stay-attractions-card__inner-props where-to-stay-attractions-card__inner-props--white">View 3838 properties</div> </div> </a> </div> <div class="where-to-stay-attractions__cards-item where-to-stay-attractions-card"> <a href="/en/near-el-prat-de-llobregat-134333/" target="_blank"> <div class="where-to-stay-attractions-card__inner"> <div class="where-to-stay-attractions-card__inner-name ">Barcelona-El Prat</div> <div class="where-to-stay-attractions-card__inner-props ">View 634 properties</div> </div> </a> </div> </div> <div class="where-to-stay-attractions__list"> <ul class="where-to-stay-attractions__links"> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/en/near-barcelona-sants-railway-264051/" target="_blank"> <p class="where-to-stay-attractions-link__name">Sants Estacio</p> </a> <p class="where-to-stay-attractions-link__props">304 properties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/en/near-la-sagrada-familia-76366/" target="_blank"> <p class="where-to-stay-attractions-link__name">La Sagrada Familia</p> </a> <p class="where-to-stay-attractions-link__props">3569 properties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/en/near-camp-nou-233617/" target="_blank"> <p class="where-to-stay-attractions-link__name">Spotify Camp Nou</p> </a> <p class="where-to-stay-attractions-link__props">1232 properties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/en/near-placa-catalunya-rail-station-156226/" target="_blank"> <p class="where-to-stay-attractions-link__name">Plaça de Catalunya Train Station</p> </a> <p class="where-to-stay-attractions-link__props">3892 properties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/en/near-port-vell-357451/" target="_blank"> <p class="where-to-stay-attractions-link__name">Port Vell</p> </a> <p class="where-to-stay-attractions-link__props">3021 properties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/en/near-barcelona-sants-rail-station-155953/" target="_blank"> <p class="where-to-stay-attractions-link__name">Barcelona Sants Railway Station</p> </a> <p class="where-to-stay-attractions-link__props">2800 properties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/en/near-passeig-de-gracia-76374/" target="_blank"> <p class="where-to-stay-attractions-link__name">Passeig de Gracia</p> </a> <p class="where-to-stay-attractions-link__props">3901 properties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> </div> </div> </div> <div class="where-to-stay__block where-to-stay-map js-map-block"> <div class="where-to-stay-map__inner js-where-to-stay-map"> <div class="where-to-stay-map__map" id="mapbox"></div> <script type="text/javascript" class="js-where-to-stay-map-hotels hidden"> [ { "id": 664577, "lat": 41.3919928, "lng": 2.1570077, "name": "H10 Art Gallery 4* Sup Hotel Barcelona", "hotelUrl": "https://h10-art-gallery.topbarcelonahotels.com/en/", "reviewCount": 1481, "reviewsText": "1481 reviews", "score": 86, "scoreText": "8.6", "price": 105, "priceText": "avg/night", "photos": [ "11711/1171140/1171140081.JPEG", "12731/1273160/1273160413.JPEG", "11744/1174447/1174447980.JPEG", "11744/1174448/1174448007.JPEG", "11744/1174444/1174444152.JPEG", "11744/1174444/1174444212.JPEG" ] }, { "id": 330152, "lat": 41.39108892, "lng": 2.166581154, "name": "Mandarin Oriental, Barcelona Hotel", "hotelUrl": "https://mandarin-oriental-barcelona.topbarcelonahotels.com/en/", "reviewCount": 160, "reviewsText": "160 reviews", "price": 662, "priceText": "avg/night", "photos": [ "16047/1604770/1604770233.JPEG", "16029/1602959/1602959599.JPEG", "16047/1604770/1604770226.JPEG", "16029/1602959/1602959547.JPEG", "16029/1602959/1602959570.JPEG", "16029/1602959/1602959577.JPEG" ] }, { "id": 327682, "lat": 41.401077, "lng": 2.194458, "name": "Ibis Barcelona Plaza Glories 22@ Hotel", "hotelUrl": "https://ibis-barcelona-plaza-glories-22.topbarcelonahotels.com/en/", "reviewCount": 4851, "reviewsText": "4851 reviews", "score": 83, "scoreText": "8.3", "price": 149, "priceText": "avg/night", "photos": [ "12730/1273060/1273060675.JPEG", "15844/1584446/1584446837.JPEG", "16076/1607664/1607664750.JPEG", "16065/1606554/1606554466.JPEG", "16065/1606554/1606554467.JPEG", "16065/1606554/1606554468.JPEG" ] }, { "id": 1252706, "lat": 41.39174905828383, "lng": 2.1718041387272002, "name": "Cotton House Hotel, Autograph Collection Barcelona", "hotelUrl": "https://cotton-house-hotel-autograph-collection.topbarcelonahotels.com/en/", "reviewCount": 129, "reviewsText": "129 reviews", "price": 398, "priceText": "avg/night", "photos": [ "16431/1643179/1643179042.JPEG", "16431/1643178/1643178423.JPEG", "16431/1643178/1643178432.JPEG", "16431/1643178/1643178438.JPEG", "16431/1643178/1643178439.JPEG", "16431/1643178/1643178440.JPEG" ] }, { "id": 372707, "lat": 41.387079, "lng": 2.174427, "name": "Ohla Barcelona Hotel", "hotelUrl": "https://ohla-barcelona.topbarcelonahotels.com/en/", "reviewCount": 693, "reviewsText": "693 reviews", "score": 91, "scoreText": "9.1", "price": 370, "priceText": "avg/night", "photos": [ "13302/1330204/1330204622.JPEG", "12730/1273076/1273076515.JPEG", "12730/1273076/1273076611.JPEG", "12730/1273076/1273076746.JPEG", "12730/1273076/1273076872.JPEG", "15804/1580487/1580487333.JPEG" ] }, { "id": 89000, "lat": 41.388869, "lng": 2.13626299999999, "name": "Nh Collection Barcelona Constanza Hotel", "hotelUrl": "https://nh-collection-constanza.topbarcelonahotels.com/en/", "reviewCount": 821, "reviewsText": "821 reviews", "price": 210, "priceText": "avg/night", "photos": [ "5219/521978/521978217.JPEG", "16298/1629887/1629887873.JPEG", "16298/1629887/1629887879.JPEG", "16201/1620199/1620199170.JPEG", "16201/1620199/1620199169.JPEG", "16147/1614775/1614775404.JPEG" ] }, { "id": 88912, "lat": 41.387357, "lng": 2.160416, "name": "Axel Hotel Barcelona - Adults Only", "hotelUrl": "https://axel-hotel-barcelona.topbarcelonahotels.com/en/", "reviewCount": 2877, "reviewsText": "2877 reviews", "price": 155, "priceText": "avg/night", "photos": [ "16156/1615646/1615646720.JPEG", "12731/1273131/1273131559.JPEG", "15802/1580288/1580288451.JPEG", "12004/1200438/1200438286.JPEG", "12004/1200438/1200438301.JPEG", "12004/1200444/1200444976.JPEG" ] }, { "id": 425080, "lat": 41.397903, "lng": 2.192161, "name": "Nh Barcelona Diagonal Center Hotel", "hotelUrl": "https://nh-barcelona-diagonal-center.topbarcelonahotels.com/en/", "reviewCount": 2232, "reviewsText": "2232 reviews", "price": 77, "priceText": "avg/night", "photos": [ "12018/1201882/1201882951.JPEG", "12594/1259480/1259480362.JPEG", "12054/1205419/1205419003.JPEG", "12054/1205444/1205444365.JPEG", "12054/1205444/1205444389.JPEG", "12054/1205444/1205444329.JPEG" ] }, { "id": 539533, "lat": 41.404036, "lng": 2.190984, "name": "Novotel Barcelona City", "hotelUrl": "https://novotel-barcelona-city.topbarcelonahotels.com/en/", "reviewCount": 1234, "reviewsText": "1234 reviews", "price": 146, "priceText": "avg/night", "photos": [ "16423/1642317/1642317444.JPEG", "12730/1273071/1273071733.JPEG", "16437/1643761/1643761475.JPEG", "16437/1643761/1643761498.JPEG", "16437/1643761/1643761502.JPEG", "16431/1643149/1643149860.JPEG" ] }, { "id": 88978, "lat": 41.381435, "lng": 2.1739383, "name": "Petit Palace Boqueria Garden Hotel Barcelona", "hotelUrl": "https://petit-palace-boqueria-garden.topbarcelonahotels.com/en/", "reviewCount": 4180, "reviewsText": "4180 reviews", "price": 235, "priceText": "avg/night", "photos": [ "12730/1273067/1273067902.JPEG", "12730/1273063/1273063969.JPEG", "12730/1273062/1273062763.JPEG", "12730/1273066/1273066561.JPEG", "12730/1273063/1273063591.JPEG", "12730/1273065/1273065622.JPEG" ] }, { "id": 101024, "lat": 41.40869, "lng": 2.21733, "name": "Hilton Diagonal Mar Barcelona Hotel", "hotelUrl": "https://hilton-diagonal-mar-barcelona.topbarcelonahotels.com/en/", "reviewCount": 2170, "reviewsText": "2170 reviews", "price": 170, "priceText": "avg/night", "photos": [ "16315/1631547/1631547326.JPEG", "15488/1548870/1548870568.JPEG", "15488/1548870/1548870664.JPEG", "15488/1548870/1548870739.JPEG", "15165/1516573/1516573243.JPEG", "15488/1548870/1548870466.JPEG" ] }, { "id": 265526, "lat": 41.405415, "lng": 2.1961927, "name": "Four Points By Sheraton Barcelona Diagonal Hotel", "hotelUrl": "https://four-points-by-sheraton-barcelona-diagonal.topbarcelonahotels.com/en/", "reviewCount": 997, "reviewsText": "997 reviews", "score": 89, "scoreText": "8.9", "price": 167, "priceText": "avg/night", "photos": [ "16431/1643136/1643136442.JPEG", "16431/1643136/1643136404.JPEG", "16431/1643136/1643136408.JPEG", "16431/1643136/1643136421.JPEG", "16431/1643136/1643136426.JPEG", "16431/1643136/1643136430.JPEG" ] }, { "id": 88843, "lat": 41.41415, "lng": 2.14477, "name": "Catalonia Park Gueell Hotel Barcelona", "hotelUrl": "https://catalonia-park-guell.topbarcelonahotels.com/en/", "reviewCount": 1256, "reviewsText": "1256 reviews", "price": 84, "priceText": "avg/night", "photos": [ "16403/1640369/1640369833.JPEG", "16403/1640369/1640369834.JPEG", "16403/1640369/1640369838.JPEG", "15333/1533305/1533305410.JPEG", "15344/1534431/1534431247.JPEG", "15344/1534431/1534431631.JPEG" ] }, { "id": 88823, "lat": 41.38788, "lng": 2.17356, "name": "Hcc Montblanc Hotel Barcelona", "hotelUrl": "https://hcc-montblanc.topbarcelonahotels.com/en/", "reviewCount": 2356, "reviewsText": "2356 reviews", "score": 87, "scoreText": "8.7", "price": 82, "priceText": "avg/night", "photos": [ "15379/1537919/1537919620.JPEG", "16423/1642309/1642309885.JPEG", "16423/1642309/1642309881.JPEG", "16477/1647714/1647714828.JPEG", "16005/1600558/1600558061.JPEG", "15422/1542248/1542248725.JPEG" ] }, { "id": 88988, "lat": 41.384167, "lng": 2.160738, "name": "H10 Casanova Hotel Barcelona", "hotelUrl": "https://h10-casanova.topbarcelonahotels.com/en/", "reviewCount": 2088, "reviewsText": "2088 reviews", "score": 88, "scoreText": "8.8", "price": 108, "priceText": "avg/night", "photos": [ "15726/1572667/1572667880.JPEG", "12730/1273099/1273099636.JPEG", "12730/1273098/1273098982.JPEG", "12730/1273099/1273099105.JPEG", "12731/1273100/1273100590.JPEG", "15726/1572667/1572667637.JPEG" ] }, { "id": 771925, "lat": 41.3791458, "lng": 2.15593179, "name": "Axel Two Barcelona 4 Sup - Adults Only Hotel", "hotelUrl": "https://two-hotel-barcelona-by-axel.topbarcelonahotels.com/en/", "reviewCount": 889, "reviewsText": "889 reviews", "price": 55, "priceText": "avg/night", "photos": [ "16156/1615686/1615686154.JPEG", "16005/1600592/1600592942.JPEG", "2683/268378/268378753.JPEG", "2683/268378/268378765.JPEG", "14366/1436653/1436653828.JPEG", "14366/1436654/1436654110.JPEG" ] }, { "id": 88779, "lat": 41.37515, "lng": 2.16835, "name": "Hotel Barcelona Universal", "hotelUrl": "https://barcelona-universal-hotel.topbarcelonahotels.com/en/", "reviewCount": 4254, "reviewsText": "4254 reviews", "price": 177, "priceText": "avg/night", "photos": [ "12730/1273082/1273082512.JPEG", "12730/1273077/1273077253.JPEG", "12730/1273083/1273083244.JPEG", "12730/1273081/1273081654.JPEG", "12730/1273079/1273079056.JPEG", "12730/1273079/1273079740.JPEG" ] }, { "id": 88876, "lat": 41.381379, "lng": 2.12695699999995, "name": "Nh Barcelona Stadium Hotel", "hotelUrl": "https://nh-barcelona-stadium.topbarcelonahotels.com/en/", "reviewCount": 3417, "reviewsText": "3417 reviews", "price": 122, "priceText": "avg/night", "photos": [ "16263/1626349/1626349944.JPEG", "16263/1626349/1626349931.JPEG", "16263/1626349/1626349947.JPEG", "16263/1626349/1626349936.JPEG", "16263/1626349/1626349949.JPEG", "16263/1626349/1626349908.JPEG" ] }, { "id": 88846, "lat": 41.407299, "lng": 2.144174, "name": "Catalonia Park Putxet Hotel Barcelona", "hotelUrl": "https://catalonia-park-putxet.topbarcelonahotels.com/en/", "reviewCount": 4968, "reviewsText": "4968 reviews", "price": 48, "priceText": "avg/night", "photos": [ "16236/1623646/1623646477.JPEG", "12730/1273020/1273020286.JPEG", "13501/1350121/1350121714.JPEG", "15361/1536130/1536130840.JPEG", "15361/1536130/1536130843.JPEG", "15361/1536131/1536131038.JPEG" ] }, { "id": 1620228, "lat": 41.39474, "lng": 2.19347, "name": "Ibis Styles Barcelona City Bogatell Hotel", "hotelUrl": "https://ibis-styles-barcelona-city-bogatell.topbarcelonahotels.com/en/", "reviewCount": 882, "reviewsText": "882 reviews", "score": 85, "scoreText": "8.5", "price": 79, "priceText": "avg/night", "photos": [ "16060/1606071/1606071570.JPEG", "16065/1606592/1606592013.JPEG", "16065/1606592/1606592017.JPEG", "16065/1606592/1606592019.JPEG", "16060/1606071/1606071543.JPEG", "16060/1606071/1606071545.JPEG" ] }, { "id": 88831, "lat": 41.37539, "lng": 2.1485, "name": "Catalonia Barcelona Plaza Hotel", "hotelUrl": "https://catalonia-barcelona-plaza.topbarcelonahotels.com/en/", "reviewCount": 1316, "reviewsText": "1316 reviews", "score": 87, "scoreText": "8.7", "price": 136, "priceText": "avg/night", "photos": [ "13665/1366545/1366545434.JPEG", "16129/1612954/1612954731.JPEG", "16129/1612954/1612954733.JPEG", "16129/1612954/1612954734.JPEG", "16129/1612954/1612954735.JPEG", "16129/1612954/1612954736.JPEG" ] }, { "id": 88916, "lat": 41.398531, "lng": 2.178072, "name": "Acta Antibes Hotel Barcelona", "hotelUrl": "https://acta-antibes.topbarcelonahotels.com/en/", "reviewCount": 4467, "reviewsText": "4467 reviews", "score": 86, "scoreText": "8.6", "price": 82, "priceText": "avg/night", "photos": [ "14321/1432184/1432184710.JPEG", "14058/1405831/1405831553.JPEG", "13866/1386652/1386652835.JPEG", "13866/1386653/1386653108.JPEG", "13866/1386653/1386653627.JPEG", "13866/1386657/1386657467.JPEG" ] }, { "id": 88918, "lat": 41.41008, "lng": 2.2188199, "name": "Ac Hotel Barcelona Forum By Marriott", "hotelUrl": "https://ac-hotel-barcelona-forum.topbarcelonahotels.com/en/", "reviewCount": 1414, "reviewsText": "1414 reviews", "price": 125, "priceText": "avg/night", "photos": [ "16431/1643135/1643135979.JPEG", "16431/1643135/1643135884.JPEG", "16431/1643135/1643135888.JPEG", "16431/1643135/1643135889.JPEG", "16431/1643135/1643135890.JPEG", "16431/1643135/1643135892.JPEG" ] }, { "id": 219332, "lat": 41.40639, "lng": 2.20099, "name": "Melia Barcelona Sky 4* Sup Hotel", "hotelUrl": "https://melia-barcelona-sky.topbarcelonahotels.com/en/", "reviewCount": 1165, "reviewsText": "1165 reviews", "price": 169, "priceText": "avg/night", "photos": [ "12788/1278889/1278889984.JPEG", "14439/1443917/1443917332.JPEG", "14439/1443919/1443919642.JPEG", "14439/1443920/1443920038.JPEG", "14439/1443924/1443924022.JPEG", "14439/1443928/1443928351.JPEG" ] }, { "id": 88770, "lat": 41.383182, "lng": 2.141053, "name": "Acta City47 Hotel Barcelona", "hotelUrl": "https://acta-city47.topbarcelonahotels.com/en/", "reviewCount": 3267, "reviewsText": "3267 reviews", "price": 159, "priceText": "avg/night", "photos": [ "12730/1273029/1273029241.JPEG", "15936/1593640/1593640614.JPEG", "15562/1556230/1556230135.JPEG", "15562/1556259/1556259079.JPEG", "15562/1556259/1556259124.JPEG", "15562/1556259/1556259301.JPEG" ] }, { "id": 88769, "lat": 41.391062, "lng": 2.168189, "name": "Hcc St. Moritz Hotel Barcelona", "hotelUrl": "https://hcc-st-moritz.topbarcelonahotels.com/en/", "reviewCount": 1332, "reviewsText": "1332 reviews", "score": 86, "scoreText": "8.6", "price": 111, "priceText": "avg/night", "photos": [ "14986/1498692/1498692547.JPEG", "16005/1600558/1600558067.JPEG", "16477/1647715/1647715415.JPEG", "16477/1647715/1647715416.JPEG", "16477/1647715/1647715417.JPEG", "16477/1647715/1647715419.JPEG" ] }, { "id": 88985, "lat": 41.403802, "lng": 2.21375, "name": "Hotel Best Front Maritim Barcelona", "hotelUrl": "https://front-maritim.topbarcelonahotels.com/en/", "reviewCount": 563, "reviewsText": "563 reviews", "price": 139, "priceText": "avg/night", "photos": [ "15440/1544097/1544097328.JPEG", "12730/1273091/1273091995.JPEG", "16463/1646331/1646331168.JPEG", "16463/1646331/1646331186.JPEG", "16463/1646331/1646331189.JPEG", "16463/1646331/1646331190.JPEG" ] }, { "id": 3325440, "lat": 41.40216, "lng": 2.19097, "name": "Hotel Sb Glow 4 Sup Barcelona", "hotelUrl": "https://hotel-sb-glow-sup.topbarcelonahotels.com/en/", "reviewCount": 5543, "reviewsText": "5543 reviews", "price": 91, "priceText": "avg/night", "photos": [ "6011/601137/601137849.JPEG", "15883/1588309/1588309480.JPEG", "15883/1588309/1588309489.JPEG", "15883/1588309/1588309492.JPEG", "15883/1588310/1588310399.JPEG", "15561/1556126/1556126284.JPEG" ] }, { "id": 194940, "lat": 41.37943, "lng": 2.17614, "name": "Barcelona House Hotel", "hotelUrl": "https://barcelona-house.topbarcelonahotels.com/en/", "reviewCount": 1473, "reviewsText": "1473 reviews", "price": 180, "priceText": "avg/night", "photos": [ "15804/1580438/1580438645.JPEG", "15804/1580438/1580438619.JPEG", "7062/706209/706209466.JPEG", "15804/1580438/1580438543.JPEG", "15804/1580438/1580438599.JPEG", "15804/1580438/1580438499.JPEG" ] }, { "id": 88855, "lat": 41.384592, "lng": 2.137809, "name": "Nh Sants Barcelona Hotel", "hotelUrl": "https://nh-sants-barcelona.topbarcelonahotels.com/en/", "reviewCount": 2856, "reviewsText": "2856 reviews", "score": 86, "scoreText": "8.6", "price": 138, "priceText": "avg/night", "photos": [ "12730/1273094/1273094695.JPEG", "16005/1600558/1600558028.JPEG", "16005/1600558/1600558030.JPEG", "16005/1600558/1600558029.JPEG", "12730/1273093/1273093042.JPEG", "12730/1273095/1273095286.JPEG" ] }, { "id": 1624267, "lat": 41.392841, "lng": 2.16552, "name": "Room Mate Anna Barcelona", "hotelUrl": "https://room-mate-anna.topbarcelonahotels.com/en/", "reviewCount": 4436, "reviewsText": "4436 reviews", "price": 182, "priceText": "avg/night", "photos": [ "12788/1278875/1278875914.JPEG", "12788/1278875/1278875557.JPEG", "15882/1588262/1588262121.JPEG", "12788/1278875/1278875185.JPEG", "12788/1278875/1278875755.JPEG", "12788/1278876/1278876379.JPEG" ] }, { "id": 97326, "lat": 41.39368, "lng": 2.17132, "name": "Praktik Garden Hotel Barcelona", "hotelUrl": "https://praktik.topbarcelonahotels.com/en/", "reviewCount": 2920, "reviewsText": "2920 reviews", "price": 65, "priceText": "avg/night", "photos": [ "14985/1498572/1498572142.JPEG", "14985/1498572/1498572019.JPEG", "14985/1498572/1498572076.JPEG", "14985/1498572/1498572082.JPEG", "14985/1498572/1498572133.JPEG", "14985/1498575/1498575922.JPEG" ] }, { "id": 88804, "lat": 41.43382, "lng": 2.14741, "name": "Hotel Alimara Barcelona", "hotelUrl": "https://alimara.topbarcelonahotels.com/en/", "reviewCount": 3194, "reviewsText": "3194 reviews", "price": 118, "priceText": "avg/night", "photos": [ "16298/1629888/1629888943.JPEG", "12731/1273131/1273131286.JPEG", "12731/1273132/1273132921.JPEG", "12731/1273134/1273134205.JPEG", "12731/1273134/1273134574.JPEG", "12731/1273131/1273131856.JPEG" ] }, { "id": 1217599, "lat": 41.38801, "lng": 2.17324, "name": "H10 Cubik 4* Sup Hotel Barcelona", "hotelUrl": "https://h10-cubik.topbarcelonahotels.com/en/", "reviewCount": 665, "reviewsText": "665 reviews", "score": 90, "scoreText": "9.0", "price": 156, "priceText": "avg/night", "photos": [ "12731/1273166/1273166758.JPEG", "12731/1273170/1273170001.JPEG", "12731/1273167/1273167547.JPEG", "12731/1273168/1273168900.JPEG", "12731/1273166/1273166437.JPEG", "12731/1273168/1273168390.JPEG" ] }, { "id": 88926, "lat": 41.39000086, "lng": 2.16949419, "name": "Hotel Granvia Barcelona", "hotelUrl": "https://granvia.topbarcelonahotels.com/en/", "reviewCount": 2059, "reviewsText": "2059 reviews", "score": 89, "scoreText": "8.9", "price": 104, "priceText": "avg/night", "photos": [ "7045/704573/704573395.JPEG", "12731/1273157/1273157956.JPEG", "12731/1273158/1273158304.JPEG", "12731/1273158/1273158937.JPEG", "12731/1273159/1273159186.JPEG", "12731/1273159/1273159816.JPEG" ] }, { "id": 88782, "lat": 41.37173, "lng": 2.18072, "name": "Eurostars Grand Marina Hotel Gl Barcelona", "hotelUrl": "https://eurostars-grand-marina.topbarcelonahotels.com/en/", "reviewCount": 4923, "reviewsText": "4923 reviews", "price": 261, "priceText": "avg/night", "photos": [ "6325/632546/632546343.JPEG", "14321/1432118/1432118281.JPEG", "14321/1432118/1432118578.JPEG", "14321/1432123/1432123441.JPEG", "14321/1432122/1432122727.JPEG", "14321/1432117/1432117561.JPEG" ] }, { "id": 88914, "lat": 41.39369, "lng": 2.199395, "name": "Hotel Sb Icaria Barcelona", "hotelUrl": "https://hotel-sb-icaria-barcelona.topbarcelonahotels.com/en/", "reviewCount": 995, "reviewsText": "995 reviews", "price": 175, "priceText": "avg/night", "photos": [ "8884/888433/888433972.JPEG", "15895/1589554/1589554387.JPEG", "15435/1543555/1543555471.JPEG", "15435/1543555/1543555579.JPEG", "14166/1416624/1416624504.JPEG", "14985/1498537/1498537501.JPEG" ] }, { "id": 88771, "lat": 41.389608, "lng": 2.148857, "name": "U232 Hotel Barcelona", "hotelUrl": "https://u232-barcelona.topbarcelonahotels.com/en/", "reviewCount": 3505, "reviewsText": "3505 reviews", "price": 191, "priceText": "avg/night", "photos": [ "16108/1610830/1610830033.JPEG", "16108/1610830/1610830038.JPEG", "16108/1610830/1610830039.JPEG", "16108/1610830/1610830040.JPEG", "16108/1610830/1610830042.JPEG", "16108/1610830/1610830043.JPEG" ] }, { "id": 1731053, "lat": 41.39611, "lng": 2.16304, "name": "The One Barcelona Gl Hotel", "hotelUrl": "https://the-one-barcelona.topbarcelonahotels.com/en/", "reviewCount": 1204, "reviewsText": "1204 reviews", "score": 91, "scoreText": "9.1", "price": 338, "priceText": "avg/night", "photos": [ "14440/1444048/1444048393.JPEG", "16002/1600261/1600261156.JPEG", "15515/1551526/1551526705.JPEG", "15515/1551526/1551526744.JPEG", "16002/1600261/1600261158.JPEG", "15515/1551527/1551527404.JPEG" ] }, { "id": 88905, "lat": 41.394186676620116, "lng": 2.149205803871155, "name": "Hesperia Barcelona Presidente Hotel", "hotelUrl": "https://hesperia-presidente.topbarcelonahotels.com/en/", "reviewCount": 4146, "reviewsText": "4146 reviews", "price": 219, "priceText": "avg/night", "photos": [ "15874/1587493/1587493881.JPEG", "12731/1273184/1273184533.JPEG", "16437/1643753/1643753720.JPEG", "15874/1587493/1587493861.JPEG", "15874/1587493/1587493872.JPEG", "15874/1587493/1587493878.JPEG" ] }, { "id": 723512, "lat": 41.3877641, "lng": 2.167727, "name": "H10 Metropolitan 4* Sup Hotel Barcelona", "hotelUrl": "https://h10-metropolitan.topbarcelonahotels.com/en/", "reviewCount": 1094, "reviewsText": "1094 reviews", "score": 89, "scoreText": "8.9", "price": 163, "priceText": "avg/night", "photos": [ "15397/1539712/1539712192.JPEG", "15397/1539712/1539712039.JPEG", "15397/1539712/1539712294.JPEG", "15397/1539712/1539712084.JPEG", "15397/1539711/1539711784.JPEG", "15397/1539712/1539712060.JPEG" ] }, { "id": 97327, "lat": 41.381225, "lng": 2.176443, "name": "Catalonia Avinyo Hotel Barcelona", "hotelUrl": "https://catalonia-avinyo.topbarcelonahotels.com/en/", "reviewCount": 4450, "reviewsText": "4450 reviews", "score": 86, "scoreText": "8.6", "price": 68, "priceText": "avg/night", "photos": [ "6807/680723/680723559.JPEG", "16498/1649879/1649879871.JPEG", "16498/1649879/1649879877.JPEG", "16498/1649879/1649879882.JPEG", "16498/1649879/1649879870.JPEG", "13810/1381052/1381052591.JPEG" ] }, { "id": 88811, "lat": 41.405256, "lng": 2.211828, "name": "Attica 21 Barcelona Mar Hotel", "hotelUrl": "https://attica-21-barcelona-mar.topbarcelonahotels.com/en/", "reviewCount": 1041, "reviewsText": "1041 reviews", "price": 70, "priceText": "avg/night", "photos": [ "12731/1273130/1273130758.JPEG", "12731/1273132/1273132321.JPEG", "12731/1273131/1273131850.JPEG", "12731/1273131/1273131913.JPEG", "12731/1273131/1273131019.JPEG", "12731/1273131/1273131178.JPEG" ] }, { "id": 88776, "lat": 41.394937, "lng": 2.1468, "name": "Zenit Barcelona Hotel", "hotelUrl": "https://zenit-barcelona.topbarcelonahotels.com/en/", "reviewCount": 1567, "reviewsText": "1567 reviews", "price": 70, "priceText": "avg/night", "photos": [ "12730/1273062/1273062712.JPEG", "15960/1596011/1596011104.JPEG", "12730/1273062/1273062394.JPEG", "14985/1498564/1498564783.JPEG", "14985/1498564/1498564876.JPEG", "14985/1498564/1498564918.JPEG" ] }, { "id": 97318, "lat": 41.38205, "lng": 2.176426, "name": "Hotel Rialto Barcelona", "hotelUrl": "https://rialto.topbarcelonahotels.com/en/", "reviewCount": 915, "reviewsText": "915 reviews", "score": 86, "scoreText": "8.6", "price": 126, "priceText": "avg/night", "photos": [ "12199/1219954/1219954360.JPEG", "12730/1273080/1273080829.JPEG", "12730/1273081/1273081009.JPEG", "12730/1273083/1273083937.JPEG", "10045/1004509/1004509377.JPEG", "10045/1004509/1004509488.JPEG" ] }, { "id": 227576, "lat": 41.39912, "lng": 2.20206, "name": "Ilunion Barcelona Hotel", "hotelUrl": "https://ilunion-barcelona.topbarcelonahotels.com/en/", "reviewCount": 1190, "reviewsText": "1190 reviews", "price": 95, "priceText": "avg/night", "photos": [ "12730/1273022/1273022704.JPEG", "12730/1273021/1273021798.JPEG", "12730/1273022/1273022464.JPEG", "12730/1273021/1273021864.JPEG", "12730/1273022/1273022101.JPEG", "12730/1273021/1273021381.JPEG" ] }, { "id": 279528, "lat": 41.39769, "lng": 2.18879, "name": "Naitly Barcelona Poblenou", "hotelUrl": "https://capri-by-fraser-barcelona.topbarcelonahotels.com/en/", "reviewCount": 2898, "reviewsText": "2898 reviews", "price": 236, "priceText": "avg/night", "photos": [ "16490/1649017/1649017328.JPEG", "16490/1649017/1649017330.JPEG", "16490/1649017/1649017338.JPEG", "16490/1649017/1649017345.JPEG", "16490/1649017/1649017298.JPEG", "16490/1649017/1649017299.JPEG" ] }, { "id": 228686, "lat": 41.37898, "lng": 2.16949, "name": "Barcelo Raval Hotel Barcelona", "hotelUrl": "https://barcelo-raval.topbarcelonahotels.com/en/", "reviewCount": 706, "reviewsText": "706 reviews", "price": 94, "priceText": "avg/night", "photos": [ "4464/446413/446413332.JPEG", "15803/1580375/1580375695.JPEG", "13425/1342571/1342571174.JPEG", "13453/1345398/1345398542.JPEG", "13454/1345421/1345421003.JPEG", "13454/1345436/1345436729.JPEG" ] }, { "id": 88847, "lat": 41.411, "lng": 2.18664, "name": "Catalonia Atenas Hotel Barcelona", "hotelUrl": "https://catalonia-atenas.topbarcelonahotels.com/en/", "reviewCount": 1331, "reviewsText": "1331 reviews", "price": 127, "priceText": "avg/night", "photos": [ "15868/1586823/1586823238.JPEG", "15632/1563265/1563265297.JPEG", "16191/1619167/1619167115.JPEG", "15868/1586823/1586823215.JPEG", "15868/1586823/1586823225.JPEG", "15868/1586823/1586823226.JPEG" ] }, { "id": 88929, "lat": 41.39260595, "lng": 2.172024092, "name": "Gran Hotel Havana 4Sup By Escampa Hotels Barcelona", "hotelUrl": "https://silken-gran-hotel-havana.topbarcelonahotels.com/en/", "reviewCount": 1144, "reviewsText": "1144 reviews", "price": 90, "priceText": "avg/night", "photos": [ "12730/1273043/1273043833.JPEG", "12730/1273050/1273050994.JPEG", "12730/1273043/1273043599.JPEG", "12730/1273048/1273048996.JPEG", "12730/1273045/1273045954.JPEG", "15463/1546373/1546373032.JPEG" ] } ] </script> <template id="marker-hotel-template"> <div class="where-to-stay-map__marker js-where-to-stay-map-marker" data-type="hotel"> <svg class="where-to-stay-map__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#where-to-stay-marker-pin"></use> </svg> </div> </template> <template id="popup-hotel-template"> <div class="map-popup"> <div class="map-popup__slider-wrapper swiper js-map-popup-slider"> <div class="swiper-wrapper"> </div> <div class="map-popup__controls"> <div class="map-popup__control map-popup__control--prev js-map-hotel-nav-prev"> <svg class="icon map-popup__control-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="map-popup__control map-popup__control--next js-map-hotel-nav-next"> <svg class="icon map-popup__control-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="map-popup__body"> <a class="map-popup__title" target="_blank"></a> <div class="map-popup__info map-popup-info"> </div> </div> </div> </template> </div> </div> </div> </div> <div class="inner exeptional-selections js-exeptional-selections"> <h2 class="title">Exceptional Selections</h2> <p class="subtitle exeptional-selections__subtitle"> Discover our hand-picked collections for an unmatched Barcelona stay. </p> <div class="exeptional-selections__wrapper"> <div class="swiper exeptional-selections__slider-wrapper js-exeptional-selections-slider"> <ul class="exeptional-selections__list swiper-wrapper"> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e39372e3131302e3130302e34352e39382e34352e39382e3131352e34352e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-apartments-and-b-bs.jpg" alt="Apartments and B&Bs" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Apartments and B&Bs</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e3130312e3131302e3131362e3131342e39372e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-central-hotels.jpg" alt="Central hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/en/theme/central-hotels-8/">Central hotels</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e39372e39392e39392e3131312e3130392e3130392e3131312e3130302e39372e3131362e3130352e3131312e3131302e3131352e34352e35312e35332e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-luxury-accommodations.jpg" alt="Luxury accommodations" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Luxury accommodations</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e3130342e3130312e39372e3131322e34352e39372e3131302e3130302e34352e39382e3131372e3130302e3130332e3130312e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-cheap-and-budget-hotels.jpg" alt="Cheap and budget hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/en/theme/cheap-and-budget-hotels-9/">Cheap and budget hotels</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3130312e3131362e3131352e34352e39372e3130382e3130382e3131312e3131392e3130312e3130302e34352e35302e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-pets-allowed.jpg" alt="Pet-friendly hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Pet-friendly hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3130302e3130312e3131352e3130352e3130332e3131302e34352e39372e3131302e3130302e34352e3130392e3131312e3130302e3130312e3131342e3131302e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e34382e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-design-and-modern-hotels.jpg" alt="Exceptional design hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Exceptional design hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3131342e3130312e3131352e3131312e3131342e3131362e3131352e34352e34392e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-resorts.jpg" alt="Resorts" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Resorts</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3130312e39372e39392e3130342e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-beach-hotels.jpg" alt="Beach hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Beach hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e39372e3130352e3131342e3131322e3131312e3131342e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-airport-hotels.jpg" alt="Airport hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Airport hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3130322e39372e3130392e3130352e3130382e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e34392e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-family-hotels.jpg" alt="Family Friendly hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/en/theme/family-hotels-11/">Family Friendly hotels</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-luxury-hotels.jpg" alt="Luxury hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Luxury hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3131312e3131372e3131362e3130352e3131332e3131372e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-boutique-hotels.jpg" alt="Boutique hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Boutique hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3131372e3131352e3130352e3131302e3130312e3131352e3131352e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-business-hotels.jpg" alt="Business hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Business hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3130312e39372e39392e3130342e3130322e3131342e3131312e3131302e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-beachfront-hotels.jpg" alt="Beachfront hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Beachfront hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3130392e39372e3130382e3130382e34352e3130382e3131372e3132302e3131372e3131342e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e34382e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-small-luxury-hotels.jpg" alt="Small Luxury Hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Small Luxury Hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3130312e3130382e3130322e34352e39392e39372e3131362e3130312e3131342e3130352e3131302e3130332e34352e35302e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-self-catering.jpg" alt="Self Catering" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Self Catering</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3131342e3130352e3131382e39372e3131362e3130312e34352e3131382e3130352e3130382e3130382e39372e3131352e34352e35312e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-private-villas.jpg" alt="Private Villas" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Private Villas</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3130362e39372e39392e3131372e3132322e3132322e3130352e34352e35312e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-jacuzzi.jpg" alt="Jacuzzi" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Jacuzzi</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3131342e3131312e3130392e39372e3131302e3131362e3130352e39392e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-romantic-hotels.jpg" alt="Romantic hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Romantic hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3130332e3131312e3130382e3130322e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35302e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-golf-hotels.jpg" alt="Golf hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Golf hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3131322e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-spa-hotels.jpg" alt="Spa hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Spa hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3130342e3130352e3131352e3131362e3131312e3131342e3130352e39392e39372e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-historical-hotels.jpg" alt="Historical hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Historical hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3131312e3131312e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-pool-hotels.jpg" alt="Hotels with indoor pool" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hotels with indoor pool</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e39372e3131352e3130352e3131302e3131312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-casino-hotels.jpg" alt="Casino hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Casino hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3131302e3130312e3131392e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-new-hotels.jpg" alt="New Hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">New Hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e3130342e3131312e3131362e3130312e3130382e3131352e34352e3131392e3130352e3131362e3130342e34352e39372e34352e3131382e3130352e3130312e3131392e34352e35312e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-hotels-with-a-view.jpg" alt="Hotels with a view" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hotels with a view</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e39372e3131352e3131362e3130382e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-castle-hotels.jpg" alt="Castle Hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Castle Hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <a class="exeptional-selections__item-link" href="/en/all-hotels/" target="_blank"> <div class="exeptional-selections__img-wrapper"> <div class="exeptional-selections__img-wrapper-inner"> <svg class="icon exeptional-selections__img-wrapper-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="exeptional-selections__img-wrapper-text"> Show all Barcelona hotels </h3> </div> </div> </a> </li> </ul> </div> <div class="exeptional-selections__controls"> <div class="exeptional-selections__control exeptional-selections__control--prev js-exeptional-arrow-prev"> <svg class="icon exeptional-selections__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="exeptional-selections__control exeptional-selections__control--next js-exeptional-arrow-next"> <svg class="icon exeptional-selections__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="top-hotels inner"> <h2 class="top-hotels__title title">Barcelona Hotels by Stars</h2> <p class="top-hotels__subtitle subtitle">Browse Barcelona hotel options and choose your star match.</p> <div class="top-hotels__tabs js-tabs-hotels"> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-5-stars"> <span class="top-hotels-tab__text">5-star hotels</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-4-stars"> <span class="top-hotels-tab__text">4-star hotels</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-3-stars"> <span class="top-hotels-tab__text">3-star hotels</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-2-stars"> <span class="top-hotels-tab__text">2-star hotels</span> </div> </div> <div class="top-hotels__blocks"> <div class="top-hotels__block top-hotels-block js-5-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--5-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://ohla-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13302/1330204/1330204622.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076515.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076611.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076746.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076872.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15804/1580487/1580487333.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ohla-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Ohla Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 370</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(1804 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://the-serras.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10372/1037211/1037211733.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16444/1644435/1644435081.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15915/1591507/1591507136.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16444/1644435/1644435078.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16444/1644435/1644435076.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13101/1310123/1310123494.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://the-serras.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Serras Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 1084</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(337 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://the-one-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14440/1444048/1444048393.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16002/1600261/1600261156.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15515/1551526/1551526705.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15515/1551526/1551526744.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16002/1600261/1600261158.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15515/1551527/1551527404.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://the-one-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>The One Barcelona Gl Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 338</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(1204 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://mercer-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7840/784033/784033794.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6333/633344/633344562.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6333/633347/633347250.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6333/633344/633344811.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11571/1157107/1157107569.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14424/1442487/1442487046.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://mercer-hotel-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Mercer Hotel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 451</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(276 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://casa-fuster.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/11975/1197513/1197513487.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14321/1432189/1432189027.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14321/1432189/1432189483.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14321/1432189/1432189852.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14321/1432189/1432189963.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14321/1432190/1432190989.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://casa-fuster.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel Casa Fuster G.L Monumento</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 404</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1805 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://pullman-barcelona-skipper.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14987/1498776/1498776592.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313217.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313219.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313220.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313223.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313224.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://pullman-barcelona-skipper.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Sofitel Barcelona Skipper Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 377</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1097 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://monument-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14321/1432183/1432183327.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603754/1603754990.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606587/1606587985.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603754/1603754984.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603754/1603754994.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603755/1603755005.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://monument-hotel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Monument Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 456</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1102 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://the-wittmore-adults-only.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7098/709842/709842442.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-wittmore-adults-only.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13988/1398808/1398808802.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-wittmore-adults-only.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13988/1398808/1398808967.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-wittmore-adults-only.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14034/1403487/1403487725.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-wittmore-adults-only.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14034/1403498/1403498612.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-wittmore-adults-only.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14034/1403494/1403494976.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://the-wittmore-adults-only.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Wittmore Hotel - Adults Only, Small Luxury Hotels</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 432</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://grand-hotel-central.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288811.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14084/1408421/1408421597.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273105/1273105120.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273103/1273103728.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16498/1649876/1649876522.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288551.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://grand-hotel-central.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Grand Hotel Central, Small Luxury Hotels</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 219</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://ohla-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12732/1273241/1273241563.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273242/1273242607.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273242/1273242784.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273242/1273242946.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273241/1273241476.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273236/1273236523.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ohla-eixample.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Ohla Eixample Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 236</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://alma-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8177/817786/817786829.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273111/1273111369.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273110/1273110868.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16029/1602961/1602961644.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16023/1602336/1602336357.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15968/1596871/1596871897.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://alma-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Alma Barcelona Gl Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 1683</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://crowne-plaza-barcelona-fira-center.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273191/1273191043.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273179/1273179925.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273190/1273190374.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273190/1273190875.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273191/1273191223.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273190/1273190161.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://crowne-plaza-barcelona-fira-center.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Intercontinental Barcelona By Ihg Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 273</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://abac-restaurant-hotel-barcelona-gl-monumento.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12079/1207921/1207921300.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14319/1431940/1431940156.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273101/1273101502.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14319/1431938/1431938977.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273101/1273101601.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273101/1273101223.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Abac Restaurant Hotel Barcelona Gl Monumento</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 275</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://hotel-primero-primera.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14178/1417895/1417895721.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-primero-primera.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15527/1552792/1552792729.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-primero-primera.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15527/1552793/1552793665.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-primero-primera.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15527/1552794/1552794040.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-primero-primera.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15527/1552793/1552793638.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-primero-primera.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15527/1552794/1552794028.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-primero-primera.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Primero Primera Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 240</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/en/5-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Search all 5-star Barcelona hotels</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-4-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--4-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://gallery-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9972/997291/997291377.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14365/1436555/1436555167.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14365/1436567/1436567323.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273000/1273000468.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596009/1596009632.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596009/1596009555.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://gallery-hotel-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Gallery Hotel 4 Sup</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 267</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1986 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://four-points-by-sheraton-barcelona-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16431/1643136/1643136442.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://four-points-by-sheraton-barcelona-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16431/1643136/1643136404.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://four-points-by-sheraton-barcelona-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16431/1643136/1643136408.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://four-points-by-sheraton-barcelona-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16431/1643136/1643136421.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://four-points-by-sheraton-barcelona-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16431/1643136/1643136426.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://four-points-by-sheraton-barcelona-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16431/1643136/1643136430.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://four-points-by-sheraton-barcelona-diagonal.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Four Points By Sheraton Barcelona Diagonal Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 167</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(997 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://h10-metropolitan.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15397/1539712/1539712192.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15397/1539712/1539712039.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15397/1539712/1539712294.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15397/1539712/1539712084.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15397/1539711/1539711784.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15397/1539712/1539712060.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h10-metropolitan.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>H10 Metropolitan 4* Sup Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 163</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1094 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://h10-port-vell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057012.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057007.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057008.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057009.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057013.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h10-port-vell.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>H10 Port Vell 4* Sup Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 128</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1787 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://the-corner-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7098/709816/709816882.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12808/1280899/1280899111.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12808/1280898/1280898907.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12808/1280896/1280896306.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12808/1280896/1280896900.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12808/1280899/1280899192.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://the-corner-hotel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>The Corner Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 137</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(1578 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://playafels.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273105/1273105528.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://playafels.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273103/1273103275.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://playafels.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273103/1273103698.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://playafels.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273105/1273105954.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://playafels.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273106/1273106614.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://playafels.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273102/1273102855.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://playafels.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel Playafels</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 144</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(1468 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://best-western-premier-dante.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273064/1273064527.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-western-premier-dante.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14321/1432159/1432159135.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-western-premier-dante.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14321/1432159/1432159027.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-western-premier-dante.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15946/1594668/1594668479.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-western-premier-dante.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15946/1594669/1594669823.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-western-premier-dante.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15946/1594670/1594670610.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://best-western-premier-dante.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Best Western Premier Hotel Dante</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 59</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(2289 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://catalonia-barcelona-plaza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13665/1366545/1366545434.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-barcelona-plaza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16129/1612954/1612954731.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-barcelona-plaza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16129/1612954/1612954733.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-barcelona-plaza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16129/1612954/1612954734.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-barcelona-plaza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16129/1612954/1612954735.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-barcelona-plaza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16129/1612954/1612954736.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://catalonia-barcelona-plaza.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Catalonia Barcelona Plaza Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 136</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(3519 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://nh-sants-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273094/1273094695.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-sants-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16005/1600558/1600558028.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-sants-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16005/1600558/1600558030.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-sants-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16005/1600558/1600558029.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-sants-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273093/1273093042.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-sants-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273095/1273095286.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://nh-sants-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Nh Sants Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 138</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(2856 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://room-mate-anna.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12788/1278875/1278875914.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-anna.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278875/1278875557.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-anna.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15882/1588262/1588262121.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-anna.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278875/1278875185.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-anna.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278875/1278875755.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-anna.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278876/1278876379.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://room-mate-anna.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Room Mate Anna</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 182</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://silken-gran-hotel-havana.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273043/1273043833.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273050/1273050994.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273043/1273043599.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273048/1273048996.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273045/1273045954.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15463/1546373/1546373032.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://silken-gran-hotel-havana.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Gran Hotel Havana 4Sup By Escampa Hotels</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 90</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://upper-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076281.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://upper-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273075/1273075162.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://upper-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273075/1273075318.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://upper-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273075/1273075459.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://upper-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273075/1273075525.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://upper-diagonal.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273075/1273075639.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://upper-diagonal.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Upper Diagonal Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 122</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://nh-collection-constanza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/5219/521978/521978217.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-constanza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16298/1629887/1629887873.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-constanza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16298/1629887/1629887879.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-constanza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16201/1620199/1620199170.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-constanza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16201/1620199/1620199169.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-constanza.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16147/1614775/1614775404.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://nh-collection-constanza.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Nh Collection Barcelona Constanza Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 210</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://catalonia-diagonal-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12078/1207893/1207893871.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-diagonal-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15455/1545525/1545525970.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-diagonal-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15455/1545526/1545526033.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-diagonal-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15455/1545526/1545526096.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-diagonal-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15449/1544929/1544929537.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-diagonal-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15455/1545526/1545526072.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://catalonia-diagonal-centro.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Catalonia Diagonal Centro Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 197</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/en/4-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Search all 4-star Barcelona hotels</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-3-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--3-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://room-mate-pau.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6911/691107/691107717.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-pau.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580736/1580736063.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-pau.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580736/1580736223.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-pau.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580736/1580736131.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-pau.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580736/1580736125.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-pau.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580736/1580736207.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://room-mate-pau.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Room Mate Pau</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 160</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(4200 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://yurbban-trafalgar.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/3784/378445/378445438.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15882/1588200/1588200603.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/4190/419069/419069946.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/4190/419070/419070003.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/4190/419069/419069928.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/4190/419069/419069940.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://yurbban-trafalgar.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Yurbban Trafalgar Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 212</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(1524 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://granvia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7045/704573/704573395.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273157/1273157956.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273158/1273158304.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273158/1273158937.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273159/1273159186.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273159/1273159816.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://granvia.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel Granvia</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 104</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(2059 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://jazz.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6704/670421/670421343.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12253/1225343/1225343669.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670421/670421040.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670428/670428477.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670422/670422042.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670428/670428795.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://jazz.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel Jazz</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 151</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(3291 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://tres-torres-atiram-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15541/1554144/1554144157.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tres-torres-atiram-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15513/1551339/1551339874.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tres-torres-atiram-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15513/1551339/1551339901.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tres-torres-atiram-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15541/1554143/1554143905.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tres-torres-atiram-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15541/1554143/1554143941.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tres-torres-atiram-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15541/1554143/1554143959.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://tres-torres-atiram-hotel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Tres Torres Atiram Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 66</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1289 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://actual.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9254/925452/925452130.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://actual.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11055/1105572/1105572447.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://actual.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9264/926424/926424076.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://actual.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9264/926424/926424202.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://actual.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9264/926423/926423917.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://actual.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9264/926423/926423932.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://actual.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel Actual</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 264</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(276 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://hcc-montblanc.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15379/1537919/1537919620.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hcc-montblanc.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16423/1642309/1642309885.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hcc-montblanc.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16423/1642309/1642309881.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hcc-montblanc.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16477/1647714/1647714828.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hcc-montblanc.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16005/1600558/1600558061.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hcc-montblanc.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15422/1542248/1542248725.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hcc-montblanc.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hcc Montblanc Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 82</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(2356 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://catalonia-avinyo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6807/680723/680723559.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-avinyo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16498/1649879/1649879871.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-avinyo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16498/1649879/1649879877.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-avinyo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16498/1649879/1649879882.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-avinyo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16498/1649879/1649879870.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://catalonia-avinyo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13810/1381052/1381052591.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://catalonia-avinyo.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Catalonia Avinyo Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 68</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(4450 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://rialto.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12199/1219954/1219954360.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273080/1273080829.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273081/1273081009.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273083/1273083937.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10045/1004509/1004509377.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10045/1004509/1004509488.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://rialto.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel Rialto</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 126</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(3918 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://europark-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10019/1001983/1001983269.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273082/1273082620.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273082/1273082521.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16254/1625479/1625479260.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14984/1498490/1498490239.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14984/1498490/1498490194.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://europark-hotel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Europark Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 90</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(3814 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://acta-splendid.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12079/1207968/1207968079.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-splendid.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14158/1415805/1415805720.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-splendid.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14158/1415815/1415815929.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-splendid.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11827/1182714/1182714487.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-splendid.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11827/1182712/1182712264.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-splendid.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11827/1182716/1182716590.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://acta-splendid.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Acta Splendid Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 101</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://teatre-auditori.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7060/706022/706022143.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://teatre-auditori.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273072/1273072003.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://teatre-auditori.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273072/1273072114.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://teatre-auditori.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273072/1273072228.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://teatre-auditori.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273069/1273069999.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://teatre-auditori.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273071/1273071919.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://teatre-auditori.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Sm Hotel Teatre Auditori</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 45</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://praktik-bakery.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/1069/106960/106960026.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-bakery.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15875/1587521/1587521774.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-bakery.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15875/1587521/1587521775.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-bakery.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7755/775550/775550899.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-bakery.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7755/775560/775560892.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-bakery.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/1069/106946/106946346.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://praktik-bakery.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Praktik Bakery Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 64</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://h10-catalunya-plaza-boutique-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14075/1407557/1407557972.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15415/1541542/1541542081.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15415/1541542/1541542192.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15415/1541542/1541542096.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15415/1541541/1541541301.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15415/1541542/1541542051.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h10-catalunya-plaza-boutique-hotel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Boutique Hotel H10 Catalunya Plaza</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 452</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/en/3-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Search all 3-star Barcelona hotels</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-2-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--2-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://hostel-one-paralelo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10758/1075815/1075815568.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-paralelo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15861/1586131/1586131809.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-paralelo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15400/1540029/1540029748.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-paralelo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15400/1540029/1540029883.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-paralelo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15400/1540029/1540029799.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-paralelo.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15400/1540029/1540029769.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostel-one-paralelo.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Onefam Paralelo Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 101</i></span> <span class="hotel-card__reviews-score">9.5</span> <span class="hotel-card__reviews-count">(962 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://acta-antibes.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14321/1432184/1432184710.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-antibes.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14058/1405831/1405831553.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-antibes.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13866/1386652/1386652835.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-antibes.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13866/1386653/1386653108.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-antibes.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13866/1386653/1386653627.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-antibes.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13866/1386657/1386657467.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://acta-antibes.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Acta Antibes Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 82</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(4467 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://yeah-barcelona-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6311/631150/631150647.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10087/1008720/1008720283.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10078/1007839/1007839693.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10078/1007839/1007839735.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10078/1007839/1007839738.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10078/1007839/1007839780.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://yeah-barcelona-hostel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Yeah Barcelona Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 49</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(8762 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://ibis-styles-barcelona-city-bogatell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071570.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606592/1606592013.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606592/1606592017.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606592/1606592019.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071543.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071545.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ibis-styles-barcelona-city-bogatell.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Ibis Styles Barcelona City Bogatell Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 79</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(5474 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://ten-to-go-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/5433/543316/543316545.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ten-to-go-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11188/1118853/1118853927.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ten-to-go-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11188/1118857/1118857281.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ten-to-go-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9586/958614/958614205.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ten-to-go-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9586/958613/958613854.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ten-to-go-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9586/958614/958614997.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ten-to-go-hostel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Ten To Go Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 16</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(4330 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://sant-jordi-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7358/735819/735819343.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15895/1589530/1589530800.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15895/1589530/1589530807.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15496/1549694/1549694566.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14146/1414664/1414664631.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12261/1226151/1226151470.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://sant-jordi-gracia.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Sant Jordi Hostels Gracia</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 23</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(1063 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://ibis-barcelona-plaza-glories-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273060/1273060675.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-plaza-glories-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15844/1584446/1584446837.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-plaza-glories-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16076/1607664/1607664750.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-plaza-glories-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606554/1606554466.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-plaza-glories-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606554/1606554467.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-plaza-glories-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606554/1606554468.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ibis-barcelona-plaza-glories-22.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Ibis Barcelona Plaza Glories 22@ Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 149</i></span> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count">(4851 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://santa-marta-barcelona-08003.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/3752/375247/375247786.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273058/1273058701.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273059/1273059508.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273057/1273057732.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273058/1273058131.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273057/1273057663.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://santa-marta-barcelona-08003.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel Santa Marta</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 156</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(2817 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://ibis-barcelona-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14321/1432131/1432131334.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15367/1536745/1536745882.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15367/1536745/1536745915.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9777/977750/977750416.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9904/990472/990472282.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14321/1432127/1432127002.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ibis-barcelona-centro.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Ibis Barcelona Centro Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 146</i></span> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count">(2404 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://hostal-el-ninot.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16202/1620209/1620209936.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-el-ninot.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16463/1646349/1646349373.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-el-ninot.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16463/1646349/1646349371.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-el-ninot.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16202/1620209/1620209935.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-el-ninot.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16202/1620209/1620209937.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-el-ninot.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16202/1620209/1620209926.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostal-el-ninot.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hostal El Ninot</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 53</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://fashion-house.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6325/632597/632597343.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://fashion-house.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580349/1580349789.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://fashion-house.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580349/1580349945.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://fashion-house.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580350/1580350125.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://fashion-house.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580350/1580350147.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://fashion-house.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580350/1580350197.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://fashion-house.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Fashion House Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 165</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://ibis-styles-barcelona-centre.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10102/1010291/1010291629.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-centre.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12951/1295195/1295195785.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-centre.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12952/1295202/1295202985.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-centre.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12951/1295195/1295195815.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-centre.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12951/1295195/1295195947.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-centre.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12952/1295211/1295211130.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ibis-styles-barcelona-centre.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Ibis Styles Barcelona Centre Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 83</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://via-augusta.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/1307/130715/130715993.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16110/1611054/1611054541.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16110/1611054/1611054581.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288245.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15880/1588053/1588053415.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288351.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://via-augusta.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel Via Augusta</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 189</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <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://praktik.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14985/1498572/1498572142.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14985/1498572/1498572019.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14985/1498572/1498572076.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14985/1498572/1498572082.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14985/1498572/1498572133.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14985/1498575/1498575922.JPEG" width="270" height="200" alt=" "> </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"> <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"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://praktik.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Praktik Garden Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 65</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/en/2-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Search all 2-star Barcelona hotels</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </div> <div class="top-hotels inner"> <h2 class="top-hotels__title title">Best Rated Barcelona Properties by Type</h2> <p class="top-hotels__subtitle subtitle">Check the property with the highest rating based on tripadvisor, booking.com</p> <div class="top-hotels__tabs js-tabs-hotels-by-type "> <div class="top-hotels-tab active" data-target=".js-0-block"> <span class="top-hotels-tab__text">Best Hotels</span> </div> <div class="top-hotels-tab active" data-target=".js-1-block"> <span class="top-hotels-tab__text">Best Hostels</span> </div> <div class="top-hotels-tab active" data-target=".js-2-block"> <span class="top-hotels-tab__text">Best Aparthotels</span> </div> </div> <div class="top-hotels__blocks"> <div class="top-hotels__block top-hotels-block js-0-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--0-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13613/1361337/1361337779.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634403/1634403710.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634403/1634403669.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634403/1634403670.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634403/1634403671.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634403/1634403672.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://w-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>W Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 319</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(4506 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sb-diagonal-zero-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15861/1586109/1586109652.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sb-diagonal-zero-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273047/1273047190.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sb-diagonal-zero-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273044/1273044898.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sb-diagonal-zero-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273045/1273045942.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sb-diagonal-zero-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273048/1273048783.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sb-diagonal-zero-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273048/1273048273.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-sb-diagonal-zero-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel Sb Diagonal Zero 4 Sup</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 92</i></span> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count">(6632 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273089/1273089682.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273084/1273084909.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273085/1273085752.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273088/1273088899.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273089/1273089139.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273088/1273088092.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://majestic-hotel-and-spa-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Majestic Hotel & Spa Barcelona Gl</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 370</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(1921 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-princess.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16395/1639549/1639549749.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-princess.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273049/1273049401.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-princess.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273050/1273050088.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-princess.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273047/1273047640.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-princess.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273049/1273049302.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-princess.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16437/1643753/1643753193.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://barcelona-princess.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Barcelona Princess Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 116</i></span> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count">(11809 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12732/1273210/1273210408.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12732/1273208/1273208647.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12732/1273211/1273211860.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12732/1273208/1273208593.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12732/1273205/1273205005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12732/1273209/1273209559.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://el-palace.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel El Palace Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 391</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(2051 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16005/1600559/1600559278.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16468/1646889/1646889240.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267177.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267176.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267141.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267148.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hilton-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hilton Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 174</i></span> <span class="hotel-card__reviews-score">7.8</span> <span class="hotel-card__reviews-count">(1461 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-marina-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/5088/508874/508874826.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-marina-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15946/1594668/1594668459.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-marina-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15946/1594668/1594668464.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-marina-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15946/1594668/1594668468.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-marina-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15413/1541394/1541394370.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-marina-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15287/1528765/1528765795.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h10-marina-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>H10 Marina Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 122</i></span> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count">(2420 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15536/1553657/1553657011.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16488/1648892/1648892428.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16488/1648892/1648892432.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16488/1648892/1648892433.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16488/1648892/1648892436.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16488/1648892/1648892437.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://arts.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hotel Arts Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 52</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(1371 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://holiday-inn-express-barcelona-city-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273059/1273059100.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://holiday-inn-express-barcelona-city-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273059/1273059250.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://holiday-inn-express-barcelona-city-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273059/1273059718.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://holiday-inn-express-barcelona-city-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273058/1273058344.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://holiday-inn-express-barcelona-city-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273058/1273058689.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://holiday-inn-express-barcelona-city-22.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273057/1273057381.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://holiday-inn-express-barcelona-city-22.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Holiday Inn Express Barcelona City 22@ By Ihg</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 299</i></span> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count">(9422 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14985/1498558/1498558888.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16417/1641719/1641719165.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16417/1641719/1641719134.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16417/1641719/1641719148.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16417/1641719/1641719149.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16417/1641719/1641719151.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Nh Collection Barcelona Gran Hotel Calderon</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 160</i></span> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count">(2883 reviews)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/en/type/hotels-12/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Search all Barcelona hotels</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-1-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--1-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8888/888860/888860260.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273134/1273134022.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273134/1273134211.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273134/1273134073.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15216/1521614/1521614578.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15214/1521497/1521497479.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://casa-gracia.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Casa Gracia Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 38</i></span> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count">(7606 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12678/1267826/1267826692.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659900.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659902.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659915.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659919.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659924.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://barcelona-urbany-hostel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Urbany Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 133</i></span> <span class="hotel-card__reviews-score">7.4</span> <span class="hotel-card__reviews-count">(2665 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-hostel-rock-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7497/749721/749721578.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-hostel-rock-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15539/1553909/1553909953.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-hostel-rock-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15539/1553910/1553910028.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-hostel-rock-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15523/1552354/1552354981.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-hostel-rock-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/2438/243869/243869089.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-hostel-rock-palace.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/7497/749722/749722490.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://sant-jordi-hostel-rock-palace.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Sant Jordi Hostels Rock Palace</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 11</i></span> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count">(3410 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9444/944471/944471380.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273158/1273158547.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273158/1273158616.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273159/1273159021.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16087/1608782/1608782421.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16087/1608782/1608782425.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://inout-hostel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Inout Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 8</i></span> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count">(3687 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8301/830133/830133080.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13636/1363690/1363690022.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13636/1363690/1363690982.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13592/1359246/1359246407.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/8301/830133/830133011.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/8301/830133/830133218.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://st-christophers-inn.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>St Christopher'S Inn Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 35</i></span> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(6859 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13401/1340124/1340124011.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607673/1607673480.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607673/1607673482.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607673/1607673483.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607673/1607673541.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607673/1607673542.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://urbany-hostel-bcn-go.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Urbany Hostel Bcn Go!</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 111</i></span> <span class="hotel-card__reviews-score">7.1</span> <span class="hotel-card__reviews-count">(2617 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273082/1273082197.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16040/1604098/1604098629.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273082/1273082533.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16040/1604098/1604098625.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16029/1602980/1602980992.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16029/1602981/1602981000.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://toc-hostel-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Toc Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 239</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(6469 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15351/1535153/1535153026.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15351/1535150/1535150308.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15351/1535151/1535151463.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15351/1535152/1535152930.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15351/1535145/1535145889.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15351/1535146/1535146483.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://twentytu-hightech-hostel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Twentytu Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 91</i></span> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count">(1155 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273102/1273102639.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16437/1643757/1643757181.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16437/1643757/1643757182.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273101/1273101907.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273103/1273103527.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6311/631174/631174695.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://pere-tarres-hostel.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Alberg Pere Tarres</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 27</i></span> <span class="hotel-card__reviews-score">7.5</span> <span class="hotel-card__reviews-count">(3420 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/2502/250222/250222157.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/3773/377323/377323777.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/3773/377323/377323795.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11679/1167965/1167965422.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11679/1167966/1167966916.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11679/1167964/1167964792.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hola-hostal-eixample.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Hola Hostal Eixample</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 16</i></span> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count">(3549 reviews)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/en/type/hostels-11/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Search all Barcelona hotels</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-2-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--2-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4560/456049/456049509.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6315/631501/631501839.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13194/1319479/1319479936.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13197/1319780/1319780692.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13199/1319958/1319958097.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273024/1273024792.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://bcn-montjuic.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Aparthotel Bcn Montjuic</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 137</i></span> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count">(4206 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-atenea-calabria.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15946/1594668/1594668469.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-atenea-calabria.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16477/1647714/1647714761.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-atenea-calabria.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16477/1647714/1647714763.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-atenea-calabria.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16477/1647714/1647714764.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-atenea-calabria.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16477/1647714/1647714788.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-atenea-calabria.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16477/1647714/1647714789.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://aparthotel-atenea-calabria.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Aparthotel Atenea Calabria</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 79</i></span> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count">(4380 reviews)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14986/1498675/1498675780.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14986/1498675/1498675681.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14986/1498675/1498675699.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14986/1498675/1498675792.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13236/1323646/1323646318.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.topbarcelonahotels.com/en/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12970/1297028/1297028830.JPEG" width="270" height="200" alt=" "> </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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <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-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://citadines-ramblas-barcelona.topbarcelonahotels.com/en/" target="_blank"><span class=hotel-card__name-text>Citadines Ramblas Barcelona Aparthotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">From <i>US$ 137</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(3777 reviews)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/en/type/aparthotels-2/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Search all Barcelona hotels</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </div> <div class="inner discover-more-unique-properties js-discover-more-unique-properties"> <h2 class="title">Discover More Unique Properties</h2> <p class="subtitle discover-more-unique-properties__subtitle">Choose from the variety of exclusive accommodations.</p> <div class="discover-more-unique-properties__wrapper"> <div class="swiper discover-more-unique-properties__slider-wrapper js-discover-more-unique-properties-slider"> <ul class="discover-more-unique-properties__list swiper-wrapper"> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-apartments.jpg" alt="Apartments" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Apartments</div> <p class="discover-more-unique-properties__item-text"> View 4901 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-hotels.jpg" alt="Hotels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="discover-more-unique-properties__item-title" href="/en/type/hotels-12/">Hotels</a> <p class="discover-more-unique-properties__item-text"> View 774 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3130332e3131372e3130312e3131352e3131362e34352e3130342e3131312e3131372e3131352e3130312e3131352e34352e34392e34382e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-guest-houses.jpg" alt="Guest houses" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Guest houses</div> <p class="discover-more-unique-properties__item-text"> View 331 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-hostels.jpg" alt="Hostels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Hostels</div> <p class="discover-more-unique-properties__item-text"> View 300 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e39382e3130312e3130302e34352e39372e3131302e3130302e34352e39382e3131342e3130312e39372e3130372e3130322e39372e3131352e3131362e3131352e34352e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-bed-and-breakfasts.jpg" alt="Bed & Breakfasts" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Bed & Breakfasts</div> <p class="discover-more-unique-properties__item-text"> View 168 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e39382e3131312e3131362e3130312e3130382e3131352e34352e35312e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-botels.jpg" alt="Botels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Botels</div> <p class="discover-more-unique-properties__item-text"> View 148 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3130382e3130352e3130302e39372e3132312e34352e3130342e3131312e3130392e3130312e3131352e34352e35312e35312e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-holiday-homes.jpg" alt="Holiday homes" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Holiday homes</div> <p class="discover-more-unique-properties__item-text"> View 125 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3130392e3130312e3131352e3131362e39372e3132312e3131352e34352e35312e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-homestays.jpg" alt="Homestays" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Homestays</div> <p class="discover-more-unique-properties__item-text"> View 85 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-aparthotels.jpg" alt="Aparthotels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Aparthotels</div> <p class="discover-more-unique-properties__item-text"> View 73 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3131382e3130352e3130382e3130382e39372e3131352e34352e35302e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-villas.jpg" alt="Villas" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Villas</div> <p class="discover-more-unique-properties__item-text"> View 66 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e39392e39372e3130392e3131322e3131352e3130352e3131362e3130312e3131352e34352e35312e35332e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-campsites.jpg" alt="Campsites" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Campsites</div> <p class="discover-more-unique-properties__item-text"> View 17 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e39392e3131312e3131372e3131302e3131362e3131342e3132312e34352e3130342e3131312e3131372e3131352e3130312e3131352e34352e35312e34392e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-country-houses.jpg" alt="Country houses" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Country houses</div> <p class="discover-more-unique-properties__item-text"> View 13 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e3131362e3130312e3131302e3131362e3131352e34352e35302e35372e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-luxury-tents.jpg" alt="Luxury tents" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Luxury tents</div> <p class="discover-more-unique-properties__item-text"> View 8 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e39392e39372e3131322e3131352e3131372e3130382e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e34382e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-capsule-hotels.jpg" alt="Capsule hotels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Capsule hotels</div> <p class="discover-more-unique-properties__item-text"> View 4 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3131342e3130312e3131352e3131312e3131342e3131362e3131352e34352e35312e35372e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-resorts.jpg" alt="Resorts" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Resorts</div> <p class="discover-more-unique-properties__item-text"> View 3 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e39392e3130342e39372e3130382e3130312e3131362e3131352e34352e35342e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-chalets.jpg" alt="Chalets" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Chalets</div> <p class="discover-more-unique-properties__item-text"> View 3 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3130382e3131312e3130302e3130332e3130312e3131352e34352e34392e35352e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-lodges.jpg" alt="Lodges" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Lodges</div> <p class="discover-more-unique-properties__item-text"> View 2 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3130352e3131302e3131302e3131352e34352e34392e35342e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-inns.jpg" alt="Inns" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Inns</div> <p class="discover-more-unique-properties__item-text"> View 2 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3130322e39372e3131342e3130392e34352e3131352e3131362e39372e3132312e3131352e34352e35312e35352e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-farm-stays.jpg" alt="Farm stays" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Farm stays</div> <p class="discover-more-unique-properties__item-text"> View 2 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131302e34372e3131362e3132312e3131322e3130312e34372e3130382e3131312e3131382e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e35362e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-love-hotels.jpg" alt="Love hotels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Love hotels</div> <p class="discover-more-unique-properties__item-text"> View 2 properties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <a class="discover-more-unique-properties__item-link" href="/en/all-accommodations/" target="_blank"> <div class="discover-more-unique-properties__img-wrapper"> <div class="discover-more-unique-properties__img-wrapper-inner"> <svg class="icon discover-more-unique-properties__img-wrapper-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="discover-more-unique-properties__img-wrapper-text">View all accommodations</h3> </div> </div> </a> </li> </ul> </div> <div class="discover-more-unique-properties__controls"> <div class="discover-more-unique-properties__control discover-more-unique-properties__control--prev js-discover-arrow-prev"> <svg class="icon discover-more-unique-properties__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="discover-more-unique-properties__control discover-more-unique-properties__control--next js-discover-arrow-next"> <svg class="icon discover-more-unique-properties__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="why-book-with-us__wrapper"> <div class="why-book-with-us__bg"></div> <div class="inner why-book-with-us"> <h2 class="title">Why book with us</h2> <p class="subtitle why-book-with-us__subtitle">You search — we answer</p> <ul class="why-book-with-us__list"> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">24/7 In-Resort Support</p> <p class="why-book-with-us__item-text">On hand should you need us whilst away on your holiday</p> </li> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">Lowest Price Guarantee</p> <p class="why-book-with-us__item-text">You won't find a better offer!</p> </li> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">Book the perfect place</p> <p class="why-book-with-us__item-text">Easy and fast booking procedure</p> </li> </ul> </div> </div> <div class="inner faq-section js-faq"> <h2 class="title faq-section__title">Frequently asked questions</h2> <p class="subtitle faq-section__subtitle">Destination guide</p> <div class="faq-section__inner js-faq-inner"> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the best Barcelona hotels near Barcelona-El Prat airport?</p> </div> <p class="faq-section-item__text active">There are more than 8139 reviews of our customers for 14 options near Barcelona-El Prat airport. Other top accommodations in this area include Hotel Aeropuerto, Affiliated By Melia, Ibis Aeropuerto Viladecans and B&B Hotel Viladecans.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the top places in Barcelona city centre?</p> </div> <p class="faq-section-item__text active">There are 155 hotels and other accommodations in Barcelona city centre to choose from. Iberostar Paseo De Gracia rated 7.8/10 is the best hotel with an outdoor swimming pool, a business centre and a gym, located 5 minutes' walk from the city centre. Negresco Princess with rating 8.2/10 and Hostal Iznajar rated 7.8/10 are other favourite hotels in the area.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the greatest places to stay in Ciutat Vella district, Barcelona?</p> </div> <p class="faq-section-item__text active">More than 69 properties are situated in Ciutat Vella district. One of the best hotels is Yurbban Trafalgar Hotel with rating 8.2/10. Offering an outdoor swimming pool, concierge service and a gym on site, this property is a 15-minute walk from Parc de la Ciutadella. Cuatro Naciones rated 7.8/10 is 0.9 km from the city centre. Our customers were pleased with a flat-screen satellite TV, a flat-screen television and a TV in air-conditioned and non-smoking rooms. Hotel Canton is a hotel with rating 8.0/10 at the cost of 88US$ per one night.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the most popular cheap hotels in Barcelona?</p> </div> <p class="faq-section-item__text active">There are more than 151 top budget properties in Barcelona. Amrey Sant Pau rated 8.0/10 is great for your budget stay in Barcelona. This property has concierge service, a business centre and a Jacuzzi. Also topbarcelonahotels.com recommends Bcn Urbaness Hotels Bonavista with rating 7.2/10 for 131US$ per night, which offers flat screen TV, flat-screen television and a TV in the rooms. Other budget options are Coronado, Hotel Turin and Hotel Viladomat By Silken.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the best 5-star hotels in Barcelona?</p> </div> <p class="faq-section-item__text active">If you are searching for a luxury stay in Barcelona, we offer you 26 properties to choose from. Le Meridien with rating 7.4/10 provides a video projector, children's menu and a business centre, as well as comfortable, beautiful and stylish rooms with a flat-screen television, central heating and a TV. Other favourite 5-star places are Hotel Neri - Relais & Chateaux, Abac Restaurant Hotel Gl Monumento and Serras Barcelona.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the most popular boutique hotels in Barcelona?</p> </div> <p class="faq-section-item__text active">More than 28984 reviews of our customers may help to find the best Barcelona boutique hotel. Wilson Boutique Hotel rated 8.2/10 is a modern hotel with a TV, Wi-Fi and a flat-screen television in the rooms. It is set within 15 minutes' walk to Casa Batllo. Regencia Colon with rating 8.2/10 is a stylish accommodation with a conference space, a business centre and a meeting room for 157US$ per night. B Hotel rated 8.2/10 is a 3-star hotel with comfortable, modern and stylish rooms. Customers can enjoy an infinity pool, a gym and a solarium.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the best romantic hotels in Barcelona?</p> </div> <p class="faq-section-item__text active">According to topbarcelonahotels.com travel data, there are 327 deals for couples. The most popular choice of our customers is Catalonia Portal De L'Angel (rating: 8.2/10). It’s set 2.6 km from The Magic Fountain and offers a cable flat-screen, a flat-screen television and a TV in the rooms for about 219US$ per night. You may also like Boutique Hotel H10 Catalunya Plaza (rating: 8.0/10) featuring comfortable, luxury and stylish rooms with central heating, a TV and Wi-Fi. Other top options are Ona Hotels Mosaic, Atenea Rekord Suites and Aparthotel Mariano Cubi.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">Which hotels in Barcelona are good for families? </p> </div> <p class="faq-section-item__text active">According to 120578 customers' reviews, there are 178 family deals to consider. Hotel & Spa Villa Olimpica Suites (rating: 7.4/10) featuring an outdoor swimming pool, cots and a business centre is the top option at the cost of 214US$ per night. It’s set in Sant Marti area and a 25-minute walk from Plaza Real. You also can book Catalonia Park Putxet (rating: 7.0/10) for about 163US$ per night. This child-friendly property offers cots, a business centre and a gym on site.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the best accommodations with easy access to Basilica of the Sagrada Familia?</p> </div> <p class="faq-section-item__text active">According to topbarcelonahotels.com travel data, customers love staying at Hotel Sagrada Familia (rating: 7.8/10), which offers a business centre, porter service and a solarium. It’s set a 10-minute walk from Basilica of the Sagrada Familia. You may also book Hostal Boutique Khronos with a rating 8.0/10 for about 160US$ per night. It's set 0.6 km from the attraction and offers a tour desk, room service and housekeeping service.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the most popular hotels near the underground in Barcelona?</p> </div> <p class="faq-section-item__text active">There are 48 accommodations near underground station, such as Atlantis By Atbcn (rating: 8.0/10), a perfect Barcelona property 400 metres from Placa de Catalunya station. Featuring cots, a Jacuzzi and car, this accommodation offers rooms for about 182US$ per night. <Br> Meson Castilla Atiram Hotels (rating: 7.8/10) is also a good 3-star choice, set a 5-minute walk from the tube station.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the top places to stay in Barcelona with outdoor pools?</p> </div> <p class="faq-section-item__text active">According to 32752 reviews, there are 70 hotels featuring outdoor pools in Barcelona. Consider booking Hotel Indigo - Plaza Catalunya, An Ihg Hotel rated 8.0/10 for approximately 202US$ per night. Set a 15-minute walk from Museum of the History of Barcelona, it offers an outdoor swimming pool, cots and a business centre. Customers can also enjoy European, Mediterranean, Spanish and Catalan cuisine in Tapas 24 restaurant nearby. You may also like The Level At Melia Sky rated 7.8/10. This property will cost you 458US$ per night. Other top properties are Hotel Brummell, Ofelias Hotel and Andante Hotel.</p> </div> <div class="faq-section__item faq-section-item"> <div class="faq-section-item__head js-faq-btn active"> <svg class="icon faq-section-item__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <p class="faq-section-item__title">What are the best pet-friendly hotels in Barcelona?</p> </div> <p class="faq-section-item__text active">According to topbarcelonahotels.com travel data, there are 54 options that allow pets. You can book Ibis Meridiana (rating: 7.8/10) at the cost of 98US$ per night. It's set 5 minutes` walk from Parc de Can Drago and features children's menu, a business centre and shopping service. Another most recommended Barcelona place to stay with pets is Nh Diagonal Center with cots, a business centre and a gym. It offers rooms for 160US$ per night. Other top accommodations include Petit Palace Museum, Hostal Mimi Las Ramblas and Catalonia 505.</p> </div> </div> </div> </div> <div class="more-ideas__wrapper js-more-ideas"> <div class="inner more-ideas js-more-ideas-inner"> <div class="more-ideas__head js-more-ideas-btn active"> <svg class="icon more-ideas__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <h2 class="more-ideas__title"> More ideas where to stay in Barcelona </h2> </div> <div class="more-ideas__body active"> <div class="more-ideas__block block"> <h3 class="block__title">Landmarks</h3> <ul class="block__list"> <li class="block__item"> <a href="/en/convention-centre-201/" target="_blank">Convention Centre</a> </li> <li class="block__item"> <a href="/en/popular-attractions-280/" target="_blank">Popular attractions</a> </li> <li class="block__item"> <a href="/en/port-192/" target="_blank">Port</a> </li> <li class="block__item"> <a href="/en/temple-101/" target="_blank">Temple</a> </li> <li class="block__item"> <a href="/en/museum-4/" target="_blank">Museum</a> </li> <li class="block__item"> <a href="/en/metro-station-35/" target="_blank">Metro Station</a> </li> <li class="block__item"> <a href="/en/park-5/" target="_blank">Park</a> </li> <li class="block__item"> <a href="/en/monument-30/" target="_blank">Monument</a> </li> <li class="block__item"> <a href="/en/train-station-33/" target="_blank">Train Station</a> </li> <li class="block__item"> <a href="/en/stadium-3/" target="_blank">Stadium</a> </li> </ul> </div> <div class="more-ideas__block block"> <h3 class="block__title">Vicinity</h3> <ul class="block__list"> <li class="block__item"> <a href="/en/near-barceloneta-beach-162352/" target="_blank">Barceloneta Beach</a> </li> <li class="block__item"> <a href="/en/near-palau-sant-jordi-236209/" target="_blank">Palau Sant Jordi</a> </li> <li class="block__item"> <a href="/en/near-plaza-espanya-357445/" target="_blank">Plaza Espanya</a> </li> <li class="block__item"> <a href="/en/near-diagonal-156240/" target="_blank">Diagonal</a> </li> <li class="block__item"> <a href="/en/near-port-of-barcelona-76377/" target="_blank">Port of Barcelona</a> </li> <li class="block__item"> <a href="/en/near-montjuic-357400/" target="_blank">Montjuïc</a> </li> <li class="block__item"> <a href="/en/near-barcelona-olympic-stadium-1786106/" target="_blank">Estadi Olímpic Lluís Companys</a> </li> <li class="block__item"> <a href="/en/near-park-guell-357388/" target="_blank">Park Güell</a> </li> <li class="block__item"> <a href="/en/near-vall-d-hebron-university-hospital-1772744/" target="_blank">Vall d'Hebron University Hospital</a> </li> <li class="block__item"> <a href="/en/near-tibidabo-357415/" target="_blank">Tibidabo</a> </li> <li class="block__item"> <a href="/en/near-zona-franca-1646948/" target="_blank">Zona Franca</a> </li> <li class="block__item"> <a href="/en/near-port-of-barcelona-fuel-de-pot-1058565/" target="_blank">Port of Barcelona Fuel Depot</a> </li> <li class="block__item"> <a href="/en/near-casa-batllo-84685/" target="_blank">Casa Batlló</a> </li> <li class="block__item"> <a href="/en/near-la-seu-cathedral-of-barcelona-357382/" target="_blank">La Seu, Cathedral of Barcelona</a> </li> <li class="block__item"> <a href="/en/near-cruise-line-terminal-76362/" target="_blank">Cruise Port Terminal</a> </li> <li class="block__item"> <a href="/en/near-port-olimpic-122141/" target="_blank">Port Olimpic</a> </li> <li class="block__item"> <a href="/en/near-razzmatazz-club-357487/" target="_blank">Razzmatazz Club</a> </li> <li class="block__item"> <a href="/en/near-victoria-theatre-1016271/" target="_blank">Victoria Theatre</a> </li> <li class="block__item"> <a href="/en/near-world-trade-center-barcelona-1016217/" target="_blank">World Trade Center Barcelona</a> </li> <li class="block__item"> <a href="/en/near-parc-del-forum-236240/" target="_blank">Parc del Forum</a> </li> <li class="block__item"> <a href="/en/near-agbar-tower-1780697/" target="_blank">Agbar Tower</a> </li> <li class="block__item"> <a href="/en/near-barcelona-zoo-162351/" target="_blank">Barcelona Zoo</a> </li> <li class="block__item"> <a href="/en/near-barcelona-international-convention-center-76357/" target="_blank">Barcelona International Convention Center</a> </li> <li class="block__item"> <a href="/en/near-picasso-museum-76375/" target="_blank">Picasso Museum</a> </li> <li class="block__item"> <a href="/en/near-macba-357613/" target="_blank">MACBA</a> </li> <li class="block__item"> <a href="/en/near-el-poble-espanyol-357556/" target="_blank">El Poble Espanyol</a> </li> <li class="block__item"> <a href="/en/near-ciutadella-park-357571/" target="_blank">Ciutadella Park</a> </li> <li class="block__item"> <a href="/en/near-santa-maria-del-mar-84688/" target="_blank">Santa Maria del Mar</a> </li> <li class="block__item"> <a href="/en/near-diagonal-mar-shopping-centre-357490/" target="_blank">Diagonal Mar Shopping Centre</a> </li> <li class="block__item"> <a href="/en/near-arc-de-triomf-119657/" target="_blank">Arc de Triomf</a> </li> <li class="block__item"> <a href="/en/near-liceu-122521/" target="_blank">liceu</a> </li> </ul> </div> </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 | 2025 © 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: 'main', type: 'destination', lang_id: '1', lang: 'en', day: '07', month: '03', year: '2025', id: '3749476710', track: 'Ef10zEQuCSNyOVw0', 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":"\/?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: '2025-03-08', to: '2025-03-09', 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: 'pwv37u80br', v: 'cd60701b1c823069285a82d45a9c599b' }; </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'main', frontPage:'main', typeObject:'destination', currencyId:'1', languageId:'1', language:'en', isRtl: false , currentDay:'07', currentMonth:'03', currentYear:'2025', logId: '3749476710', track: 'Ef10zEQuCSNyOVw0', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.topbarcelonahotels.com', siteId:'127241', nid:'55', siteDomain: 'topbarcelonahotels.com', isCountriesLanguages: false , guestsInfo: { minAdultsCount: 1, maxAdultsCount: 20, minChildrenCount: 0, maxChildrenCount: 10, minChildAge: 0, maxChildAge: 16 }, tob: false , currency:'US$', currencyRate:'1', objectId:'45', hotelTheme:'8001', clickTrip: { destinationType: "city", cityId: "-372490", subAccount: "dest-clicktrip-n55-080325-s127241-wEf10zEQuCSNyOVw0-d8001-dc3" }, cityID: 45, cityLocalName: "Barcelona", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.386993' ,hotelLongitude:'2.170052' ,cityCenterLatitude: '41386993' ,cityCenterLongitude: '2170052' }, availableParams: { use:'0', dataFrom:'2025-03-08', dataTo:'2025-03-09', 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:'pwv37u80br', stopSpamValue:'cd60701b1c823069285a82d45a9c599b', }; </script> <script defer type="module" src="/new/designs/80/build/destination-main-page/script.815112bd0db5ff5f0505cd92f519e430.js"></script> <script nomodule src="/new/designs/80/build/destination-main-page/script-es5.ae20af328e564be8218739ff3da5958b.js"></script> </body> </html>

CINXE.COM

Barcelona hotels & apartments, all accommodations in Barcelona