hotelitoboutique.com Open in urlscan Pro
91.242.133.71  Public Scan

Submitted URL: https://notexistswwwlozgin.hotelitoboutique.com/
Effective URL: https://hotelitoboutique.com/es/
Submission: On November 21 via api from US — Scanned from ES

Form analysis 1 forms found in the DOM

Name: aspnetFormPOST /es/

<form name="aspnetForm" method="post" action="/es/" id="aspnetForm">
  <div>
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="mx1AORhwbBSw6nfRL5kxDyvOElfUpxpi/xtCmKVnbHAcflf8K0KMDGFwR0Tm+YYVWkCcH3VYgmm2kzv15rQ9nha0XStZPxn9K/5Iq5aFz2pfRW3bc985hVetJ/LN8w8Wzwf1O8g+Mn7Vokr1ipV2G5ZvBsFT1tzFJE0NeEM01+5dRVFFl1tfa/C1SnAkgevm">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['aspnetForm'];
    if (!theForm) {
      theForm = document.aspnetForm;
    }

    function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
      }
    }
    //]]>
  </script>
  <div>
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="6F712DE6">
  </div>
  <header class="py-4">
    <div class="contenedor-header">
      <div class="row justify-content-md-between">
        <div class="col-md-auto text-center text-md-start mb-3 mb-md-0">
          <a href="/">
                        <img src="/assets/img/logo-blanco.svg" id="ctl00_logo" class="logo" alt="Hotelito logo">
                        <img src="/assets/img/logo-azul.svg" id="ctl00_logoAzul" class="logo d-none" alt="Hotelito logo">
                    </a>
        </div>
        <div class="col-md-6 col-lg-4 col-xl-9">
          <div class="d-flex">
            <div class="contenedor-buscador rounded-bottom-right d-flex ms-auto align-items-start align-items-xl-stretch">
              <button id="ctl00_btnClose" type="button" class="d-none d-xl-block btn-close" aria-label="close" data-bs-toggle="collapse" data-bs-target="#ctl00_headerBuscador" aria-expanded="true" data-expanded="true"
                aria-controls="ctl00_headerBuscador"></button>
              <div id="ctl00_headerBuscador" class="collapse collapse-horizontal show" aria-expanded="true">
                <div class="d-flex flex-column flex-xl-row flex-xl-nowrap h-100">
                  <div class="d-xl-flex buscador-header hide row flex-xl-nowrap g-0 p-3 px-xl-3 py-xl-0 align-items-center order-2 order-xl-1">
                    <div class="col-6 col-xl entrada">
                      <label id="ctl00_labeldMasterEntrada" for="ctl00_displayMasterEntrada" class="form-label">Check in</label>
                      <input name="ctl00$displayMasterEntrada" type="text" id="ctl00_displayMasterEntrada" class="form-control" readonly="" value="22|11">
                      <input name="ctl00$dMasterEntrada" type="text" id="ctl00_dMasterEntrada" value="22/11/2024" class="hasDatepicker">
                    </div>
                    <div class="col-6 col-xl salida me-xl-2">
                      <label id="ctl00_labeldMasterSortida" for="ctl00_displayMasterSortida" class="form-label">Check out</label>
                      <input name="ctl00$displayMasterSortida" type="text" id="ctl00_displayMasterSortida" class="form-control" readonly="" value="23|11">
                      <input name="ctl00$dMasterSortida" type="text" id="ctl00_dMasterSortida" value="23/11/2024" class="hasDatepicker">
                    </div>
                    <div class="col-12 col-xl me-2 ctl00_ciudad">
                      <label id="ctl00_labelnPoble" for="nPoble" class="form-label">Población</label>
                      <div class="select-personalizado">
                        <select name="ctl00$nPoble" id="nPoble" class="form-select">
                          <option selected="selected" value="">Todos</option>
                          <option value="barcelona">BCN</option>
                          <option value="badalona">BDN</option>
                          <option value="valencia">VLC</option>
                          <option value="tenerife">TNR</option>
                        </select>
                        <div class="select-selected">Todos</div>
                        <div class="select-items select-hide">
                          <div>Todos</div>
                          <div>BCN</div>
                          <div>BDN</div>
                          <div>VLC</div>
                          <div>TNR</div>
                        </div>
                      </div>
                    </div>
                    <div class="col-12 col-xl hotelito">
                      <label id="ctl00_labelnHotel" for="ctl00_nHotel" class="form-label">Hotelito</label>
                      <div class="select-personalizado">
                        <select name="ctl00$nHotel" id="nHotel" class="form-select">
                          <option selected="selected" value="0">Todos</option>
                          <option value="103">Badalona</option>
                          <option value="104">Badalona Mar</option>
                          <option value="113">Badalona Gran Villa</option>
                          <option value="105">Camp Nou</option>
                          <option value="106">Mercat</option>
                          <option value="107">Cinca</option>
                          <option value="108">Valencia</option>
                          <option value="114">Tenerife</option>
                        </select>
                        <div class="select-selected">Todos</div>
                        <div class="select-items select-hide">
                          <div>Todos</div>
                          <div>Badalona</div>
                          <div>Badalona Mar</div>
                          <div>Badalona Gran Villa</div>
                          <div>Camp Nou</div>
                          <div>Mercat</div>
                          <div>Cinca</div>
                          <div>Valencia</div>
                          <div>Tenerife</div>
                        </div>
                      </div>
                    </div>
                    <div class="col-12 col-xl huespedes" style="border-bottom: 0; margin-bottom: 0; padding-bottom: 0">
                      <label id="ctl00_labelnMasterPersones" for="ctl00_nMasterPersones" class="form-label">Huéspedes</label>
                      <div class="dropdown">
                        <input name="ctl00$nMasterPersones" type="text" id="ctl00_nMasterPersones" readonly="" class="huespedes-num dropdown-toggle form-control-plaintext p-0 border-0" data-bs-toggle="dropdown" data-bs-auto-close="outside"
                          value="02">
                        <div class="dropdown-menu dropdown-menu-end">
                          <div class="mb-2">
                            <div class="d-flex justify-content-between align-items-center">
                              <div>
                                <div>
                                  <label class="lh-1"> Adultos <br>
                                    <small id="ctl00_labelAdultsDecription">a partir de 13 años</small>
                                  </label>
                                </div>
                              </div>
                              <div>
                                <div class="d-flex custom-input-guest">
                                  <div><button type="button" direction="down" class="btn btn-link">-</button></div>
                                  <div><input name="ctl00$nAdults" type="text" id="ctl00_nAdults" readonly="" class="form-control-plaintext text-center" value="2"></div>
                                  <div><button type="button" direction="up" class="btn btn-link">+</button></div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div>
                            <div class="d-flex justify-content-between align-items-center">
                              <div>
                                <div>
                                  <label class="lh-1"> Niños <br>
                                    <small id="ctl00_labelNensDecription">hasta 12 años</small>
                                  </label>
                                </div>
                              </div>
                              <div>
                                <div class="d-flex custom-input-guest">
                                  <div><button type="button" direction="down" class="btn btn-link">-</button></div>
                                  <div><input name="ctl00$nNens" type="text" id="ctl00_nNens" readonly="" class="form-control-plaintext text-center" value="0"></div>
                                  <div><button type="button" direction="up" class="btn btn-link">+</button></div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-12 d-xl-none text-end">
                      <a class="boton-buscar-movil" href="javascript:__doPostBack('ctl00$ctl14','')">
                                                    <i class="fa-solid fa-arrow-right texto-amarillo"></i>
                                                </a>
                    </div>
                  </div>
                  <div class="bg-gris-claro order-1 order-xl-2">
                    <a id="ctl00_Search" class="btn btn-primary rounded-top-right btn-rounded-top-right h-100 ws-nw" href="javascript:__doPostBack('ctl00$Search','')">Ver disponibilidad</a>
                  </div>
                </div>
              </div>
              <div class="contenedor-boton d-flex position-relative">
                <div class="d-none d-xl-block telefono align-self-center mx-3">
                  <a id="ctl00_searchbarTlf" class="ws-nw" href="tel:+34663700843"><span>+34</span>663 700 843</a>
                </div>
                <div class="d-none d-xl-block idiomas dropdown align-self-center">
                  <a href="#" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                            <span id="ctl00_idiomaActual">ES</span>
                                            <i class="fa-thin fa-arrow-down con-rotacion"></i>
                                        </a>
                  <ul class="dropdown-menu">
                    <li>
                      <a href="/en/" id="ctl00_Eng" class="dropdown-item">EN</a>
                    </li>
                    <li>
                      <a href="/es/" id="ctl00_Esp" class="dropdown-item">ES</a>
                    </li>
                  </ul>
                </div>
                <div class="menu-hamburguesa ps-3 pe-4 align-self-center">
                  <a class="hamburguesa" data-bs-toggle="collapse" href="#menu" role="button" aria-expanded="false" aria-controls="menu">
                                        </a>
                </div>
                <div class="menu px-4 pb-4 collapse" id="menu">
                  <ul class="list-unstyled mb-0 collapse-lateral-menu">
                    <li>
                      <a id="ctl00_landingBarcelona" href="/es/alojamientos-barcelona">Barcelona</a>
                    </li>
                    <li>
                      <a id="ctl00_landingBadalona" href="/es/alojamientos-badalona">Badalona</a>
                    </li>
                    <li>
                      <a id="ctl00_landingValencia" href="/es/alojamientos-valencia">Valencia</a>
                    </li>
                    <li>
                      <a id="ctl00_landingTenerife" href="/es/alojamientos-tenerife">Tenerife</a>
                    </li>
                    <li>
                      <a id="ctl00_About" href="/es/sobre-nosotros">Sobre nosotros</a>
                    </li>
                  </ul>
                  <div class="telefono telefono-responsive d-xl-none">
                    <a id="ctl00_searchbarTlfMobile" class="ws-nw" href="tel:+34663700843"><span>+34</span>663 700 843</a>
                  </div>
                  <ul class="idiomas-responsive list-unstyled mb-0 d-xl-none">
                    <li>
                      <a href="#" id="" class="idiomas-responsive-on">
                                                    <span id="ctl00_idiomaActualMobile">Español</span>
                                                </a>
                    </li>
                    <li>
                      <a href="/en/" id="ctl00_EngMobile" class="dropdown-item">EN</a>
                    </li>
                    <li>
                      <a href="/es/" id="ctl00_EspMobile" class="dropdown-item">ES</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <main id="vue">
    <section class="video position-relative">
      <div class="bgvideo-container">
        <div class="video-background">
          <iframe src="https://www.youtube.com/embed/JGfD0mpljcA?iv_load_policy=3&amp;playlist=JGfD0mpljcA&amp;rel=0&amp;showinfo=0&amp;loop=1&amp;controls=0&amp;autoplay=1&amp;mute=1" id="ctl00_Pagina_bgYoutubeIframe" frameborder="0"></iframe>
        </div>
      </div>
      <div id="ctl00_Pagina_visibleModalYoutubeIframe" class="play-manifiesto">
        <div class="container">
          <a href="#" data-bs-toggle="modal" data-bs-target="#videoModal">
                    <img src="/assets/img/circle-play-solid.svg" width="32" height="32" alt="Play icon">
                    <span id="ctl00_Pagina_btnModalYoutube" class="ms-2">Play Manifiesto</span>
                </a>
          <!-- Modal -->
          <div class="modal modal-video-manifiesto fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-xl">
              <div class="modal-content bg-transparent rounded-0 border-0">
                <div class="modal-header border-bottom-0 mb-3" style="height: 58px;">
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-0">
                  <div class="modal-video-container">
                    <iframe src="https://www.youtube.com/embed/lDiKPVQ2too?iv_load_policy=3&amp;playlist=lDiKPVQ2too&amp;rel=0&amp;controls=1&amp;showinfo=0;" id="ctl00_Pagina_modalYoutubeIframe" frameborder="0"></iframe>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Hover composition-->
      <img src="/assets/img/hotelito-flor-cerca2.png" alt="Hotelito Boutique" class="element mask-element1 mobile">
      <img src="/assets/img/hotelito-flor-cerca2.png" alt="Hotelito Boutique" class="element mask-element2 mobile">
      <img src="/assets/img/hotelito-flor-cerca2.png" alt="Hotelito Boutique" class="element mask-element3 mobile">
      <img src="/assets/img/hotelito-flor-cerca2.png" alt="Hotelito Boutique" class="element mask-element4 mobile">
      <img src="/assets/img/hotelito-flor.png" alt="Hotelito Boutique" class="element mask-element1 desktop">
      <img src="/assets/img/hotelito-flor.png" alt="Hotelito Boutique" class="element mask-element2 desktop">
      <img src="/assets/img/hotelito-flor.png" alt="Hotelito Boutique" class="element mask-element3 desktop">
      <img src="/assets/img/hotelito-flor.png" alt="Hotelito Boutique" class="element mask-element4 desktop">
    </section>
    <!--Introducción-->
    <section class="introduccion text-center py-5">
      <div class="container mw-750 mt-3">
        <h1 id="ctl00_Pagina_section1title">Wellhome <span>to Hotelito Boutique</span></h1>
        <div>¡Hola! Nos encanta tenerte por aquí, ojalá encuentres lo que buscas, y si no, que al menos disfrutes de esta visita. Y si te quedas con ganas de más, ya sabes, podemos conocernos cuando quieras ;)</div>
        <div class="mt-2">
          <p class="fw-bold">Aquí, y en cualquier Hotelito Boutique, you’re wellhome.</p>
        </div>
      </div>
    </section>
    <!--Las ciudades a las que hemos enamorado.-->
    <section class="ciudades bg-light py-5 overflow-hidden" id="swiperWrapperCiudades2">
      <div class="container text-center">
        <h2 id="ctl00_Pagina_section2title" class="h-con-source-sans fw-300 texto-amarillo">Las ciudades a las que hemos enamorado.</h2>
        <ul class="list-unstyled d-flex justify-content-center mb-0">
          <li class=""> Barcelona </li>
          <li class="fw-bold"> Valencia </li>
          <li class=""> Badalona </li>
          <li class=""> Tenerife </li>
        </ul>
      </div>
      <div class="swiper swiper-ciudades-home py-5 swiper-initialized swiper-horizontal swiper-backface-hidden">
        <div class="swiper-wrapper" id="swiperWrapperCiudades" aria-live="polite" style="transition-duration: 0ms; transition-delay: 0ms; transform: translate3d(-694.667px, 0px, 0px);">
          <div class="swiper-slide" role="group" aria-label="8 / 8" data-swiper-slide-index="7" style="width: 594.667px; margin-right: 100px;">
            <a href="/es/alojamientos-tenerife" '="">
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src="https://hotelitoboutique.com/news/n1015f0.jpg" alt="Tenerife">
                                <p class="ciudad">
                                    Tenerife
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Coming soon
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                
                        <div class="swiper-slide swiper-slide-prev" role="group" aria-label="1 / 8" data-swiper-slide-index="0" style="width: 594.667px; margin-right: 100px;">
                            <a href="/es/alojamientos-barcelona">
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src="https://hotelitoboutique.com/news/n1013f0.jpg" alt="Barcelona">
                                <p class="ciudad">
                                    Barcelona
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Con lo modernos que somos, teníamos que estar en Barna
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide swiper-slide-active" role="group" aria-label="2 / 8" data-swiper-slide-index="1" style="width: 594.667px; margin-right: 100px;">
                            <a href="/es/alojamientos-valencia">
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src="https://hotelitoboutique.com/news/n1014f0.jpg" alt="Valencia">
                                <p class="ciudad">
                                    Valencia
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Valencia no falla, nosotros tampoco ;)
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide swiper-slide-next" role="group" aria-label="3 / 8" data-swiper-slide-index="2" style="width: 594.667px; margin-right: 100px;">
                            <a href="/es/alojamientos-badalona">
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src="https://hotelitoboutique.com/news/n1051f0.jpg" alt="Badalona">
                                <p class="ciudad">
                                    Badalona
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide" role="group" aria-label="4 / 8" data-swiper-slide-index="3" style="width: 594.667px; margin-right: 100px;">
                            <a href="/es/alojamientos-tenerife" '="">
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src="https://hotelitoboutique.com/news/n1015f0.jpg" alt="Tenerife">
                                <p class="ciudad">
                                    Tenerife
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Coming soon
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>
          </div>
          <div class="swiper-slide" role="group" aria-label="5 / 8" data-swiper-slide-index="4" style="width: 594.667px; margin-right: 100px;">
            <a href="/es/alojamientos-barcelona">
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src="https://hotelitoboutique.com/news/n1013f0.jpg" alt="Barcelona">
                                <p class="ciudad">
                                    Barcelona
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Con lo modernos que somos, teníamos que estar en Barna
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>
          </div>
          <div class="swiper-slide" role="group" aria-label="6 / 8" data-swiper-slide-index="5" style="width: 594.667px; margin-right: 100px;">
            <a href="/es/alojamientos-valencia">
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src="https://hotelitoboutique.com/news/n1014f0.jpg" alt="Valencia">
                                <p class="ciudad">
                                    Valencia
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Valencia no falla, nosotros tampoco ;)
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>
          </div>
          <div class="swiper-slide" role="group" aria-label="7 / 8" data-swiper-slide-index="6" style="width: 594.667px; margin-right: 100px;">
            <a href="/es/alojamientos-badalona">
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src="https://hotelitoboutique.com/news/n1051f0.jpg" alt="Badalona">
                                <p class="ciudad">
                                    Badalona
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>
          </div>
        </div>
        <div class="d-flex justify-content-center align-items-center">
          <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiperWrapperCiudades"></div>
          <div class="swiper-pagination mx-2 swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" aria-current="true"></span><span
              class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span
              class="swiper-pagination-bullet"></span></div>
          <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiperWrapperCiudades"></div>
        </div>
        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
      </div>
    </section>
    <!--In Hospitalidad Sostenible we trust.-->
    <section id="ctl00_Pagina_section3bg" class="banner-hospitalidad overflow-hidden" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(https://hotelitoboutique.com/news/n1016f0x1400.jpg);">
      <div class="parallax-container">
        <h2 id="ctl00_Pagina_section3title" class="hero-heading">In Hospitalidad Sostenible we trust.</h2>
      </div>
      <a href="sobre-nosotros" id="ctl00_Pagina_section3link">
            <i class="fa-thin fa-arrow-right texto-amarillo con-rotacion"></i>
        </a>
    </section>
    <!--Nos vais a sonrojar.-->
    <section class="testimonios-home bg-verde pt-3 pt-md-5">
      <div class="container position-relative">
        <div class="row g-0 g-md-3 titulo">
          <div class="col-6 offset-md-6 col-md-6">
            <h2 id="ctl00_Pagina_section4title"></h2>
          </div>
        </div>
        <div class="swiper swiper-testimonios-home pb-5 swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden">
          <div class="swiper-wrapper" id="swiper-wrapper-a08010310ab347f537" aria-live="polite">
            <div class="swiper-slide swiper-slide-visible swiper-slide-fully-visible swiper-slide-active" role="group" aria-label="1 / 2" style="width: 1160px; opacity: 1; transform: translate3d(0px, 0px, 0px);">
              <div class="row g-0 g-md-3">
                <div class="offset-4 col-8 offset-md-0 col-md-6">
                  <div class="mascara-logo-top">
                    <img class="img-fluid" src="https://hotelitoboutique.com/news/n1019f0x700.jpg">
                  </div>
                </div>
                <div class="col-md-6 align-item-md-center align-self-xl-start mt-6 mt-md-0 reviews-slide">
                  <div class="nota fw-bold"> 9,5 | Repetiremos seguro </div>
                  <div class="logo-channel">
                    <img src="/assets/img/booking-logo.png" alt="Booking logo">
                  </div>
                  <time class="fecha"> 14 Marzo&nbsp;2024 </time>
                  <div class="texto mt-2">
                    <div><br></div>
                    <p>Habitación muy limpia, excelente ubicación y personal muy servicial</p>
                  </div>
                  <p class="nombre fw-bold pt-3"> María Elisa </p>
                </div>
              </div>
            </div>
            <div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 2" style="width: 1160px; opacity: 0; transform: translate3d(-1160px, 0px, 0px);">
              <div class="row g-0 g-md-3">
                <div class="offset-4 col-8 offset-md-0 col-md-6">
                  <div class="mascara-logo-top">
                    <img class="img-fluid" src="https://hotelitoboutique.com/news/n1018f0x700.jpg">
                  </div>
                </div>
                <div class="col-md-6 align-item-md-center align-self-xl-start mt-6 mt-md-0 reviews-slide">
                  <div class="nota fw-bold"> 9,0 | Muy bien </div>
                  <div class="logo-channel">
                    <img src="/assets/img/booking-logo.png" alt="Booking logo">
                  </div>
                  <time class="fecha"> 05 de abril de 2023 </time>
                  <div class="texto mt-2">
                    <div style="box-sizing: border-box; font-family: BlinkMacSystemFont, -apple-system, &quot;Segoe UI&quot;, Roboto, Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 16px !important;">
                      <hr class="bui-divider" style="margin: 0px; border-style: solid; border-color: #e0e0e0; border-width: 1px 0px 0px;">
                    </div>
                    <div style="box-sizing: border-box; font-family: BlinkMacSystemFont, -apple-system, &quot;Segoe UI&quot;, Roboto, Helvetica, Arial, sans-serif; font-size: 14px;"><span style="box-sizing: border-box; line-height: 20px;">Sin duda
                        alguna un lugar excelente que asegura una estadía plena</span></div>
                  </div>
                  <p class="nombre fw-bold pt-3"> José Miguel </p>
                </div>
              </div>
            </div>
          </div>
          <div class="row swiper-paginacion">
            <div class="offset-md-6 col-md-6 testimonios-arrows">
              <div class="d-flex justify-content-center justify-content-md-start align-items-center ps-1">
                <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-a08010310ab347f537" aria-disabled="true"></div>
                <div class="swiper-pagination mx-2 swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" aria-current="true"></span><span
                    class="swiper-pagination-bullet"></span></div>
                <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-a08010310ab347f537" aria-disabled="false"></div>
              </div>
            </div>
          </div>
          <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
        </div>
      </div>
    </section>
    <!--Como en Hotelito en ningún sitio.-->
    <section class="hotelito text-center">
      <div class="container">
        <h2 id="ctl00_Pagina_section5title" class="h-con-source-sans fw-300 texto-azul">Como en Hotelito en ningún sitio</h2>
        <p id="ctl00_Pagina_section5summary">El mejor viaje es en el que no te preocupas de nada, que no te falte de nada es el primer paso.</p>
        <ul class="list-unstyled">
          <li>
            <div class="contenedor-item position-relative"> Terraza compartida <div class="contenedor-img"><img src="https://hotelitoboutique.com/news/n1026f0.jpg"></div>
            </div>
          </li>
          <li>
            <div class="contenedor-item position-relative"> Atención Online <div class="contenedor-img"><img src="https://hotelitoboutique.com/news/n1025f0.jpg"></div>
            </div>
          </li>
          <li>
            <div class="contenedor-item position-relative"> Café y Té <div class="contenedor-img"><img src="https://hotelitoboutique.com/news/n1024f0.jpg"></div>
            </div>
          </li>
          <li>
            <div class="contenedor-item position-relative"> Wifi Gratis <div class="contenedor-img"><img src="https://hotelitoboutique.com/news/n1022f0.jpg"></div>
            </div>
          </li>
          <li>
            <div class="contenedor-item position-relative"> Cocinas Equipadas <div class="contenedor-img"><img src="https://hotelitoboutique.com/news/n1021f0.jpg"></div>
            </div>
          </li>
          <li>
            <div class="contenedor-item position-relative"> Sábanas y Toallas <div class="contenedor-img"><img src="https://hotelitoboutique.com/news/n1023f0.jpg"></div>
            </div>
          </li>
        </ul>
      </div>
    </section>
  </main>
  <footer class="position-relative overflow-hidden py-5">
    <div class="container footer-container">
      <div class="row">
        <div class="col-md-6">
          <h2 id="ctl00_tForm" class="fw-800 fst-italic text-center text-md-start mb-5">¿Hablamos?</h2>
          <div class="formulario-contacto-home row g-4 mb-5">
            <div class="col-md-6">
              <label id="ctl00_labelFormEmail" for="" class="form-label">Email*</label>
              <input name="ctl00$formEmail" id="ctl00_formEmail" class="form-control input-validator" type="Email">
            </div>
            <div class="col-md-6">
              <label id="ctl00_labelFormTlf" for="" class="form-label">Teléfono*</label>
              <input name="ctl00$formTlf" type="text" id="ctl00_formTlf" class="form-control input-validator">
            </div>
            <div class="col-12">
              <label id="ctl00_labelFormMsg" for="" class="form-label">Mensaje*</label>
              <textarea name="ctl00$formMsg" rows="5" cols="20" id="ctl00_formMsg" class="form-control input-validator"></textarea>
            </div>
            <div class="col-12">
              <div class="row g-0 align-items-center">
                <div class="col-md">
                  <div class="form-check">
                    <input id="ctl00_aceptoPoliticaPrivacidad" type="checkbox" name="ctl00$aceptoPoliticaPrivacidad"><label for="ctl00_aceptoPoliticaPrivacidad">He leído y acepto la
                      <a target="_blank" href="/es/13/politica-de-privacidad">política de privacidad.</a></label>
                  </div>
                </div>
                <div class="col-md-auto">
                  <a id="ctl00_FormSend" class="link-enviar-form justify-content-center mt-4 mt-md-0" href="javascript:__doPostBack('ctl00$FormSend','')"><span>Enviar</span><i class="con-rotacion fa-thin fa-arrow-right texto-amarillo link-listado"></i></a>
                  <input type="hidden" name="ctl00$recaptchaNewsletter" id="ctl00_recaptchaNewsletter">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Desktop -->
      <ul class="d-none d-lg-flex direcciones-footer list-unstyled row g-3 mb-5">
        <li class="col-sm-6 col-md-4 col-xl-3">
          <p id="ctl00_titleAddress11" class="titulo">Hotelito Boutique Camp Nou</p>
          <p id="ctl00_textAddress11">Travessera de Collblanc 19<br>08904 Hospitalet de Llobregat, Barcelona.</p>
        </li>º <li class="col-sm-6 col-md-4 col-xl-3">
          <p id="ctl00_titleAddress22" class="titulo">Hotelito Boutique Mercat</p>
          <p id="ctl00_textAddress22">Carrer Estruch, 14<br>08904 L’Hospitalet de Llobregat, Barcelona.</p>
        </li>
        <li class="col-sm-6 col-md-4 col-xl-3">
          <p id="ctl00_titleAddress33" class="titulo">Hotelito Boutique Cinca</p>
          <p id="ctl00_textAddress33">Carrer Cinca, 14<br>08904 L’Hospitalet de Llobregat, Barcelona.</p>
        </li>
        <li class="col-sm-6 col-md-4 col-xl-3">
          <p id="ctl00_titleAddress44" class="titulo">Hotelito Boutique Badalona</p>
          <p id="ctl00_textAddress44">Carrer Ribas i Perdigó 3<br>08911 Badalona - Barcelona.</p>
        </li>
        <li class="col-sm-6 col-md-4 col-xl-3">
          <p id="ctl00_titleAddress55" class="titulo">Hotelito Boutique Badalona Mar</p>
          <p id="ctl00_textAddress55">Calle del Mar, 110<br>08911 Badalona.</p>
        </li>
        <li class="col-sm-6 col-md-4 col-xl-3">
          <p id="ctl00_titleAddress66" class="titulo">Hotelito Boutique Valencia Estación</p>
          <p id="ctl00_textAddress66">Calle Bailén 66, bajos<br>46007 Valencia.</p>
        </li>
        <li class="col-sm-6 col-md-4 col-xl-3">
          <p id="ctl00_titleAddress77" class="titulo">Hotelito Boutique Tenerife</p>
          <p id="ctl00_textAddress77">Calle Nicolas Estévanez 1<br>38003 Santa Cruz de Tenerife.</p>
        </li>
      </ul>
      <!-- Mobile -->
      <div class="d-lg-none ubicaciones mb-4 dropdown align-self-center dropup">
        <a href="#" class="dropdown-toggle fw-bold" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <span id="ctl00_ubicaciones">Nuestras ubicaciones</span>
                        <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                    </a>
        <ul class="dropdown-menu px-3 y-scroll-container pt-3">
          <li class="direcciones-footer">
            <p id="ctl00_titleAddress1" class="titulo">Hotelito Boutique Camp Nou</p>
            <p id="ctl00_textAddress1">Travessera de Collblanc 19<br>08904 Hospitalet de Llobregat, Barcelona.</p>
          </li>
          <li class="direcciones-footer">
            <p id="ctl00_titleAddress2" class="titulo">Hotelito Boutique Mercat</p>
            <p id="ctl00_textAddress2">Carrer Estruch, 14<br>08904 L’Hospitalet de Llobregat, Barcelona.</p>
          </li>
          <li class="direcciones-footer">
            <p id="ctl00_titleAddress3" class="titulo">Hotelito Boutique Cinca</p>
            <p id="ctl00_textAddress3">Carrer Cinca, 14<br>08904 L’Hospitalet de Llobregat, Barcelona.</p>
          </li>
          <li class="direcciones-footer">
            <p id="ctl00_titleAddress4" class="titulo">Hotelito Boutique Badalona</p>
            <p id="ctl00_textAddress4">Carrer Ribas i Perdigó 3<br>08911 Badalona - Barcelona.</p>
          </li>
          <li class="direcciones-footer">
            <p id="ctl00_titleAddress5" class="titulo">Hotelito Boutique Badalona Mar</p>
            <p id="ctl00_textAddress5">Calle del Mar, 110<br>08911 Badalona.</p>
          </li>
          <li class="direcciones-footer">
            <p id="ctl00_titleAddress6" class="titulo">Hotelito Boutique Valencia Estación</p>
            <p id="ctl00_textAddress6">Calle Bailén 66, bajos<br>46007 Valencia.</p>
          </li>
          <li class="direcciones-footer">
            <p id="ctl00_titleAddress7" class="titulo">Hotelito Boutique Tenerife</p>
            <p id="ctl00_textAddress7">Calle Nicolas Estévanez 1<br>38003 Santa Cruz de Tenerife.</p>
          </li>
        </ul>
      </div>
      <div class="row">
        <div class="col-lg-auto">
          <div class="d-flex align-items-center">
            <p id="ctl00_siguenos_en" class="me-2 mb-0">Síguenos en</p>
            <ul class="rrss list-unstyled d-flex mb-0">
              <li class="me-2"><a target="_blank" href="https://www.instagram.com/hotelitoboutique/" title="instagram"><i class="fa-brands fa-instagram"></i></a></li>
              <li><a target="_blank" href="https://www.linkedin.com/company/hotelitoboutique/" title="linkedin"><i class="fa-brands fa-linkedin-in"></i></a></li>
            </ul>
          </div>
        </div>
        <div class="col-lg">
          <div class="d-flex flex-column flex-md-row justify-content-lg-end align-items-md-center">
            <p id="ctl00_copyright" class="my-4 my-md-0 me-md-2 mb-md-0">© 2024 Hotelito boutique. Todos los derechos reservados.</p>
            <ul class="menu-nav-footer list-unstyled d-flex mb-0" style="z-index: 1">
              <li>
                <a id="ctl00_footerLegal" href="/es/aviso-legal">Aviso legal</a>
              </li>
              <li>
                <a id="ctl00_footerPrivacitat" href="/es/politica-de-privacidad">Política de privacidad</a>
              </li>
              <li>
                <a id="ctl00_footerCondicions" href="/es/condiciones-de-reserva">Condiciones de reserva</a>
              </li>
              <li>
                <a id="ctl00_footerUsoWeb" href="/es/uso-web">Uso web</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- Comingson Modal -->
  <!-- <div class="modal fade" id="comingsonModal" tabindex="-1" aria-labelledby="comingsonModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="mt-5 mt-sm-0 coming-son-modal">
                        <button id="btnClose"  type="button" class="btn btn-close position-absolute btn-close-white" data-bs-dismiss="modal"></button>
                        <div class="container">
                            <h1>Coming Soon</h1>
                            <p>Roma no se construyó en un día, Hotelito tampoco. Si quieres estar al día de todas las Hotelito News, síguenos en <a href="https://www.instagram.com/hotelitoboutique/" target="_blank" title="Instagram Hotelito">Instagram </a>;)</p>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
</form>

Text Content

Check in
Check out
Población
Todos BCN BDN VLC TNR
Todos
Todos
BCN
BDN
VLC
TNR
Hotelito
Todos Badalona Badalona Mar Badalona Gran Villa Camp Nou Mercat Cinca Valencia
Tenerife
Todos
Todos
Badalona
Badalona Mar
Badalona Gran Villa
Camp Nou
Mercat
Cinca
Valencia
Tenerife
Huéspedes
Adultos
a partir de 13 años
-

+
Niños
hasta 12 años
-

+

Ver disponibilidad
+34663 700 843
ES
 * EN
 * ES


 * Barcelona
 * Badalona
 * Valencia
 * Tenerife
 * Sobre nosotros

+34663 700 843
 * Español
 * EN
 * ES

Play Manifiesto



WELLHOME TO HOTELITO BOUTIQUE

¡Hola! Nos encanta tenerte por aquí, ojalá encuentres lo que buscas, y si no,
que al menos disfrutes de esta visita. Y si te quedas con ganas de más, ya
sabes, podemos conocernos cuando quieras ;)

Aquí, y en cualquier Hotelito Boutique, you’re wellhome.


LAS CIUDADES A LAS QUE HEMOS ENAMORADO.

 * Barcelona
 * Valencia
 * Badalona
 * Tenerife

Tenerife

Coming soon

Barcelona

Con lo modernos que somos, teníamos que estar en Barna

Valencia

Valencia no falla, nosotros tampoco ;)

Badalona



Tenerife

Coming soon

Barcelona

Con lo modernos que somos, teníamos que estar en Barna

Valencia

Valencia no falla, nosotros tampoco ;)

Badalona






IN HOSPITALIDAD SOSTENIBLE WE TRUST.

9,5 | Repetiremos seguro

14 Marzo 2024



Habitación muy limpia, excelente ubicación y personal muy servicial

María Elisa

9,0 | Muy bien

05 de abril de 2023

--------------------------------------------------------------------------------

Sin duda alguna un lugar excelente que asegura una estadía plena

José Miguel




COMO EN HOTELITO EN NINGÚN SITIO

El mejor viaje es en el que no te preocupas de nada, que no te falte de nada es
el primer paso.

 * Terraza compartida
   
 * Atención Online
   
 * Café y Té
   
 * Wifi Gratis
   
 * Cocinas Equipadas
   
 * Sábanas y Toallas
   


¿HABLAMOS?

Email*
Teléfono*
Mensaje*
He leído y acepto la política de privacidad.
Enviar

 * Hotelito Boutique Camp Nou
   
   Travessera de Collblanc 19
   08904 Hospitalet de Llobregat, Barcelona.

   º

 * Hotelito Boutique Mercat
   
   Carrer Estruch, 14
   08904 L’Hospitalet de Llobregat, Barcelona.

 * Hotelito Boutique Cinca
   
   Carrer Cinca, 14
   08904 L’Hospitalet de Llobregat, Barcelona.

 * Hotelito Boutique Badalona
   
   Carrer Ribas i Perdigó 3
   08911 Badalona - Barcelona.

 * Hotelito Boutique Badalona Mar
   
   Calle del Mar, 110
   08911 Badalona.

 * Hotelito Boutique Valencia Estación
   
   Calle Bailén 66, bajos
   46007 Valencia.

 * Hotelito Boutique Tenerife
   
   Calle Nicolas Estévanez 1
   38003 Santa Cruz de Tenerife.

Nuestras ubicaciones

 * Hotelito Boutique Camp Nou
   
   Travessera de Collblanc 19
   08904 Hospitalet de Llobregat, Barcelona.

 * Hotelito Boutique Mercat
   
   Carrer Estruch, 14
   08904 L’Hospitalet de Llobregat, Barcelona.

 * Hotelito Boutique Cinca
   
   Carrer Cinca, 14
   08904 L’Hospitalet de Llobregat, Barcelona.

 * Hotelito Boutique Badalona
   
   Carrer Ribas i Perdigó 3
   08911 Badalona - Barcelona.

 * Hotelito Boutique Badalona Mar
   
   Calle del Mar, 110
   08911 Badalona.

 * Hotelito Boutique Valencia Estación
   
   Calle Bailén 66, bajos
   46007 Valencia.

 * Hotelito Boutique Tenerife
   
   Calle Nicolas Estévanez 1
   38003 Santa Cruz de Tenerife.

Síguenos en

 * 
 * 

© 2024 Hotelito boutique. Todos los derechos reservados.

 * Aviso legal
 * Política de privacidad
 * Condiciones de reserva
 * Uso web