Outiref

Code source de l'URL : https://www.hobou.com

<!DOCTYPE html>
<html lang="en-US">

<head>
  <meta charset="UTF-8">
  <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5LGVTZKX');</script>
<!-- End Google Tag Manager -->
<title>Hotel Boulogne-Billancourt | Hôbou (Formerly Hotel Acanthe)</title>
  <meta name="description" content="Discover Hôbou (formerly Hotel Acanthe), a 4-star hotel at the gates of Paris in Boulogne-Billancourt. Cozy rooms, bar, fitness, and meeting rooms. Book at the best price.">
  <link rel="canonical" href="https://www.hobou.com/en/" />
  <link rel="alternate" hreflang="en" href="https://www.hobou.com/en/" />
  <link rel="alternate" hreflang="fr" href="https://www.hobou.com/fr/" />
  <link rel="alternate" hreflang="x-default" href="https://www.hobou.com/en/" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
    <meta name="theme-color" content="#ffffff">
    <meta name="msapplication-TileColor" content="#ffffff">

    <link rel="icon" type="image/png" href="/img/favicon/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/svg+xml" href="/img/favicon/favicon.svg">
    <link rel="shortcut icon" href="/img/favicon/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
    <meta name="apple-mobile-web-app-title" content="Hôbou.com">
    <link rel="manifest" href="/img/favicon/site.webmanifest">

    <meta property="og:locale" content="en_US">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Hotel Boulogne-Billancourt | Hôbou (Formerly Hotel Acanthe)">
    <meta property="og:description" content="Discover Hôbou (formerly Hotel Acanthe), a 4-star hotel at the gates of Paris in Boulogne-Billancourt. Cozy rooms, bar, fitness, and meeting rooms. Book at the best price.">
    <meta property="og:image" content="https://www.hobou.com/img/logo_hobou.png">
    <meta property="og:url" content="https://www.hobou.com/en/">
    <meta property="og:site_name" content="Hotel Boulogne-Billancourt | Hôbou (Formerly Hotel Acanthe)">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://www.hobou.com/img/divers/illus-bg.png">
    <meta name="twitter:site" content="@Hobou_BB">

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "@id": "#Website",
        "url": "https://www.hobou.com/en/",
        "name": "Hotel Boulogne-Billancourt | Hôbou",
        "author": {
            "@type": "Organization",
            "name": "Hotel Boulogne-Billancourt | Hôbou"
        },
        "publisher": {
            "@type": "Organization",
            "name": "Hotel Boulogne-Billancourt | Hôbou",
            "logo": {
                "@type": "ImageObject",
                "url": "https://www.hobou.com/img/logo_hobou.png",
                "width": 500,
                "height": 500
            }
        },
        "description": "Hôbou (formerly Acanthe), your 4-star hotel in Boulogne-Billancourt, at the gates of Paris. Enjoy beautiful experiences: Spacious and comfortable rooms, Bar, Fitness Room, Meeting room.",
        "image": "https://www.hobou.com/img/divers/illus-bg.png",
        "potentialAction": { "@type": "SearchAction", "target": "https://www.hobou.com/en/?s={search_term_string}", "query-input": "required name=search_term_string" }
    }
    </script>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Hotel",
        "name": "Hotel Boulogne-Billancourt | Hôbou",
        "url": "https://www.hobou.com/en/",
        "logo": "https://www.hobou.com/img/logo_hobou.png",
        "image": [
            "https://www.hobou.com/img/logo_hobou.png",
            "https://www.hobou.com/img/divers/illus-bg.png"
        ],
        "telephone": "+33146991040",
        "email": "bonjour@hobou.com",
        "foundingDate": "2003",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "9-11 Rdpt Rhin et Danube",
            "addressLocality": "Boulogne-Billancourt",
            "addressRegion": "Ile de France",
            "postalCode": "92100",
            "addressCountry": "France"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": 48.84040,
            "longitude": 2.22829
        },
        "sameAs": [
            "https://www.facebook.com/HobouHotelBoulogne/",
            "https://www.instagram.com/hobou_hotel_boulogne",
            "https://www.linkedin.com/company/hobou"
        ],
        "starRating": {
            "@type": "Rating",
            "ratingValue": "4"
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.5",
            "reviewCount": "669",
            "bestRating": "5"
        },
        "priceRange": "€100 - €600",
        "openingHoursSpecification": [{
            "@type": "OpeningHoursSpecification",
            "dayOfWeek": [
                "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"
            ],
            "opens": "00:00",
            "closes": "23:59"
        }]
    }
    </script>
   	<script type="application/ld+json">
  {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
          "@type": "ListItem",
          "position": 1,
          "item": {
              "@id": "https://www.hobou.com/en/",
              "name": "Home"
          }
      }]
  }
  </script>
  <link rel="stylesheet" href="../scss/style.css" type="text/css" media="all" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.css" />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
  <script src="https://unpkg.com/split-type"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
  <script src="https://unpkg.com/lenis@1.1.13/dist/lenis.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
  <script type="text/javascript" src="../js/script.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.umd.js" defer></script>
	<script id='pixel-script-poptin' src='https://cdn.popt.in/pixel.js?id=5dcbc83986984' async='true'></script></head>

<body class="home">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5LGVTZKX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<a class="backtop">
    <img src="../img/divers/top.png" alt="Back to top">
  </a>
  
  <div class="responsivemenu" data-lenis-prevent>

    <div class="close">
      <svg xmlns="http://www.w3.org/2000/svg" width="47" height="47" viewbox="0 0 24 24" fill="none" stroke="#fff"
        stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
        <line x1="18" y1="6" x2="6" y2="18"></line>
        <line x1="6" y1="6" x2="18" y2="18"></line>
      </svg>
    </div>

    <a href="./" title="Hôbou" class="logo2 resp">
      <img src="../img/divers/Hobou-Hotel-Boulogne-Billancourt-logo-orange.png"
        alt="Hôbou, 4-star Hotel Boulogne-Billancourt">
    </a>

    <ul class="menu">

      <li>
        <a href="rooms.html" title="Hôbou Rooms" class="">ROOMS</a><span class="chevron"><svg
            xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewbox="0 0 24 24" fill="none" stroke="#fff"
            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
            <path d="M6 9l6 6 6-6" />
          </svg></span>
        <div class="submenu-container">
          <ul class="submenu">
            <li><a href="rooms.html" title="Hôbou Rooms" class="desc">A well-deserved nap?</a></li>
            <li><a href="room-cocoon.html" title="Hôbou Cocoon Room" class="">COCOON</a></li>
            <li><a href="room-nomade.html" title="Hôbou Nomade Room" class="">NOMADE • Classic</a></li>
            <li><a href="room-reverie.html" title="Hôbou Rêverie Room" class="">RÊVERIE • Superior</a></li>
            <li><a href="room-horizon.html" title="Hôbou Horizon Room" class="">HORIZON • Superior balcony</a></li>
            <li><a href="room-grand-angle.html" title="Hôbou Grand Angle Room" class="">GRAND ANGLE • Deluxe</a></li>
            <li><a href="rooms-tribu.html" title="Hôbou Tribu Rooms" class="">TRIBU • Connecting rooms</a></li>
          </ul>
        </div>
      </li>
      <li>
        <a href="experiences.html" title="Hôbou Experiences" class="">EXPERIENCES</a><span class="chevron"><svg
            xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewbox="0 0 24 24" fill="none" stroke="#fff"
            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
            <path d="M6 9l6 6 6-6" />
          </svg></span>
        <div class="submenu-container">
          <ul class="submenu">
            <li><a href="experiences.html" title="Hôbou Experiences" class="desc">Feel at home,<br>
                but better!</a></li>
            <li><a href="breakfast.html" title="Hôbou Breakfast" class="">BREAKFAST</a></li>
            <li><a href="bar.html" title="Hôbou Bar" class="">THE BAR</a></li>
            <li><a href="room-service.html" title="Hôbou Room Service" class="">ROOM SERVICE</a></li>
            <li><a href="lounge.html" title="Hôbou Lounge" class="">THE LOUNGE</a></li>
            <li><a href="fitness-room.html" title="Hôbou Fitness Room" class="">FITNESS ROOM</a></li>
            <li><a href="hobou-time.html" title="Hôbou Time" class="">HÔBOU TIME</a></li>
            <li><a href="parking.html" title="Hôbou Parking" class="">PARKING</a></li>
            <li><a href="meeting-room.html" title="Hôbou Meeting Room" class="">MEETING ROOM</a></li>
          </ul>
        </div>
      </li>

      <li><a href="hotel.html" title="The Hotel Hôbou" class="">THE HOTEL</a></li>
      <li><a href="location.html" title="Hôbou Location" class="">LOCATION</a></li>
      <li><a href="contact-us.html" title="Hôbou Contact" class="">CONTACT</a></li>

      <li class="resp3"><a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" title="Book HÔBOU" target="_blank" class="btn-book distributor"><span>Book now</span></a>
      </li>
    </ul>

    <div class="rs mobile">
      <a href="https://www.facebook.com/HobouHotelBoulogne/" title="Join us on Facebook" target="_blank"><img
          src="../img/divers/facebook.png" alt="Facebook"></a>
      <a href="https://www.instagram.com/hobou_hotel_boulogne" title="Join us on Instagram"
        target="_blank"><img src="../img/divers/instagram.png" alt="Instagram"></a>
      <a href="https://www.linkedin.com/company/hobou/" title="Join us on LinkedIn"
        target="_blank"><img src="../img/divers/linkedin.png" alt="LinkedIn"></a>
    </div>

<p class="white addressmobile">
  <strong style="font-weight: 700;">Hôbou<sup>****</sup></strong><br>
  <span>9, Rond-Point Rhin et Danube<br>92100 Boulogne-Billancourt</span><br>
  <a href="tel:+33146991040">+33 1 46 99 10 40</a><br> <a href="mailto:bonjour@hobou.com" class="animunderline" title="Contact Hôbou">bonjour@hobou.com</a>
</p>

  </div>

	<header >
    <div class="wrapper full">

      <div class="left">

        <a class="burger">
          <img src="../img/divers/burger.png" alt="Hôbou Menu" class="lines">
        </a>

        <ul id="mainnav">
          <li class="">
            <a href="rooms.html" title="Hôbou Rooms" class=""><span>ROOMS</span><span>ROOMS</span></a>
            <ul class="submenuhover">
              <li><a href="rooms.html" title="Hôbou Rooms" class="desc">A well-deserved nap?</a></li>
              <li><a href="room-cocoon.html" title="Hôbou Cocoon Room" class="">COCOON</a></li>
              <li><a href="room-nomade.html" title="Hôbou Nomade Room" class="">NOMADE • Classic</a></li>
              <li><a href="room-reverie.html" title="Hôbou Rêverie Room" class="">RÊVERIE • Superior</a></li>
              <li><a href="room-horizon.html" title="Hôbou Horizon Room" class="">HORIZON • Superior balcony</a></li>
              <li><a href="room-grand-angle.html" title="Hôbou Grand Angle Room" class="">GRAND ANGLE • Deluxe</a></li>
              <li><a href="rooms-tribu.html" title="Hôbou Tribu Rooms" class="">TRIBU • Connecting rooms</a></li>
            </ul>
          </li>
          <li class="">
            <a href="experiences.html" title="Hôbou Experiences" class=""><span>EXPERIENCES</span><span>EXPERIENCES</span></a>
            <ul class="submenuhover">
              <li><a href="experiences.html" title="Hôbou Experiences" class="desc">Feel at home, but better!</a></li>
              <li><a href="breakfast.html" title="Hôbou Breakfast" class="">BREAKFAST</a></li>
              <li><a href="bar.html" title="Hôbou Bar" class="">THE BAR</a></li>
              <li><a href="room-service.html" title="Hôbou Room Service" class="">ROOM SERVICE</a></li>
              <li><a href="lounge.html" title="Hôbou Lounge" class="">THE LOUNGE</a></li>
              <li><a href="fitness-room.html" title="Hôbou Fitness Room" class="">FITNESS ROOM</a></li>
              <li><a href="hobou-time.html" title="Hôbou Time" class="">HÔBOU TIME</a></li>
              <li><a href="parking.html" title="Hôbou Parking" class="">PARKING</a></li>
              <li><a href="meeting-room.html" title="Hôbou Meeting Room" class="">MEETING ROOM</a></li>
            </ul>
          </li>
        </ul>

      </div>

      <a href="./" title="Hôbou Home" id="logo">
        <img src="../img/divers/Hobou-Hotel-Boulogne-Billancourt-logo-blanc.png"
          alt="Hôbou, 4-star Hotel Boulogne-Billancourt">
        <img src="../img/divers/Hobou-Hotel-Boulogne-Billancourt-logo-bleu.png"
          alt="Hôbou, 4-star Hotel Boulogne-Billancourt" class="colored">
      </a>       <div class="right">

        <div class="elts">

          <div class="speccontainer">

            <div class="mobileacts">

              <a href="tel:+33146991040">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24">
                  <path
                    d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z" />
                </svg>
              </a>

              <a href="location.html" title="HÔBOU Location">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24">
                  <path
                    d="M12 0c-4.198 0-8 3.403-8 7.602 0 6.243 6.377 6.903 8 16.398 1.623-9.495 8-10.155 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.342-3 3-3 3 1.343 3 3-1.343 3-3 3z" />
                </svg>
              </a>

            </div>

            <div class="lang">
              <a href="/fr/" title="Version française">FR</a>
              <a href="#" title="English version" class="active">EN</a>
            </div>

            <a href="tel:+33146991040" class="call">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
                <path
                  d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z" />
              </svg>
            </a>

            <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" title="Book HÔBOU" target="_blank" class="btn-book distributor"><span>Book</span></a>

          </div>

        </div>

      </div>


    </div>
  </header>

  <div class="mobile-actions">
    <a href="tel:+33146991040" class="btn-book call distributor">+33 1 46 99 10 40</a>
    <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" title="Book Hôbou"
      target="_blank" class="btn-book distributor">Book now</a>
  </div>


  <section class="hero">

    <div class="illustration">

      <div class="camera"></div>
      <div class="rouecamera1"></div>
      <div class="rouecamera2"></div>
      <div class="hommeparpl"></div>
      <div class="illuscle"></div>
      <div class="illusdame"></div>
      <div class="illuvalise"></div>
      <div class="metrofront"></div>
      <div class="metroback"></div>
      <div class="soleil"></div>
      <div class="voiture"></div>
      <div class="mongolf1"></div>
      <div class="bg"></div>

    </div>

    <div class="right">
      <h1><strong>Hôbou</strong>, your hotel<br> in Boulogne-Billancourt,<br>at the end of line 10</h1>

      <div class="metro">
        <a class="point"></a>
      </div>
    </div>

  </section>

  <section class="section1 pt pb ptstatic" data-bg="#5b3837" style="background-color: #5b3837;">

    <div class="sidetitle">
      <div class="sidetitle-in wow animate__animated animate__fadeInDown">Go all the way with <strong
          style="color:#e18c6d;">Hôbou Paris</strong></div>
    </div>

    <div class="wrapper">
      <div class="split">

        <div>
          <h2 style="color: #e18c6d;" class="animh2"><span>The Hotel<i></i></span></h2>
          <div class="leftbordered">
            <span class="border" style="background: #e18c6d;"></span>
            <p class="white"><strong>Welcome to Hôbou, your address in Boulogne-Billancourt, just a step away from Paris.</strong><br>
              <strong>Hôbou</strong> is an owner-run hotel where you feel right at home, but better.<br>
              Cozy, warm, and a bit quirky, it’s the place where you quickly unpack your suitcases…<br>
              and where you don’t really want to pack them again...
            </p>
          </div>
          <a href="hotel.html" title="The Hotel" class="btn">
            <span class="txt white">Discover our hotel</span>
            <span class="bulle" style="background-color: #e18c6d;"></span>
          </a>
        </div>

        <div class="last">

          <img src="../img/divers/hommeparapl.png" alt="Man with umbrella" class="parallax1" data-y="80" data-scrub="0.4">

          <div class="section1-img front">
            <div>
              <img src="../img/reception/home/Reception-Hobou-Hotel-a-Boulogne-Billancourt.jpg"
                alt="Hôbou Reception, Hotel in Boulogne-Billancourt">
              <span class="back" style="background: #e18c6d;"></span>
            </div>
          </div>

        </div>

      </div>
    </div>

    <div class="section1-img pt back">
      <div>
        <img src="../img/home/Experience-chambre-hotel-Hobou-Boulogne-Billancourt.jpg"
          alt="Hôbou Lounge, Hotel in Boulogne-Billancourt" class="parallax2 wow animate__animated animate__fadeIn"
          data-y="-80" data-scrub="0.5">
        <span class="back parallax3" data-y="-80" data-scrub="0.7" style="background: #e18c6d;"></span>
      </div>
    </div>

  </section>

  <section class="section2 pt pb oxh" data-bg="#1a293e" style="background-color: #1a293e;">

    <div class="sidetitle">
      <div class="sidetitle-in wow animate__animated animate__fadeInDown">Go all the way with <strong
          style="color:#dc7874;">your dreams</strong></div>
    </div>

    <div class="wrapper">
      <div class="split">

        <div>
          <h2 style="color: #dc7874;" class="animh2"><span>Our Rooms<i></i></span></h2>
        </div>

        <div>
          <div class="leftbordered">
            <span class="border" style="background: #dc7874;"></span>
            <p class="white"><strong>(Re)discover our rooms:</strong><br>
              A cozy bed, soft light, space to work or relax… <br>
              Our rooms are designed to start the day well…<br>
              and finish it even better.
            </p>
          </div>
        </div>

      </div>
    </div>

    <div class="carrousel-chambres-container-ancestor">

      <img src="../img/divers/damecle.png" alt="Lady with key" class="key">

      <div class="carrousel-chambres-nav v2 slk-nav">
        <div class="wrapper">
          <a class="prev">
            <img src="../img/divers/Fleche-chambres-Hobou-gauche-hover.png" alt="Left arrow" class="hover">
            <img src="../img/divers/Fleche-chambres-Hobou-gauche.png" alt="Left arrow">
          </a>
          <a class="next">
            <img src="../img/divers/Fleche-chambres-Hobou-droite-Hover.png" alt="Right arrow" class="hover">
            <img src="../img/divers/Fleche-chambres-Hobou-droite.png" alt="Right arrow">
          </a>
        </div>
      </div>

      <div class="carrousel-chambres-container">
        <div class="carrousel-chambres v2">

          <a href="room-reverie.html" title="Hôbou Rêverie Room" class="chambre">
            <h3 class="title">RÊVERIE<br><span>● Superior ●</span></h3>
            <span class="visu"
              style="background-image: url(../img/chambres/reverie/home/Chambre-Reverie-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0">
                <span style="color: #1a293e;">•</span> 19m<sup><span style="font-size: 12px;">2</span></sup> minimum<br>
                <span style="color: #1a293e;">•</span> 1 or 2 people<br>
                <span style="color: #1a293e;">•</span> 1 extra-large King Size bed<br>
                or 2 twin beds

              </span>
              <span class="txt">Open me!</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

          <a href="room-horizon.html" title="Hôbou Horizon Room" class="chambre">
            <h3 class="title">HORIZON<br><span>● Superior balcony ●</span></h3>
            <span class="visu"
              style="background-image: url(../img/chambres/horizon/home/Chambre-Horizon-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0"><span style="color: #1a293e;">•</span> 18m<sup><span
                    style="font-size: 12px;">2</span></sup> minimum<br>
                <span style="color: #1a293e;">•</span> Terrace / Balcony<br>
                <span style="color: #1a293e;">•</span> 1 or 2 people<br>
                <span style="color: #1a293e;">•</span> 1 King Size bed<br>
                or 2 twin beds
              </span>
              <span class="txt">Gain<br> altitude,<br>
                breathe!</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

          <a href="room-grand-angle.html" title="Hôbou Grand Angle Room" class="chambre">
            <h3 class="title">GRAND ANGLE<br><span>● Deluxe ●</span></h3>
            <span class="visu"
              style="background-image: url(../img/chambres/grand-angle/home/Chambre-Grand-Angle-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0">
                <span style="color: #1a293e;">•</span> 23m<sup><span style="font-size: 12px;">2</span></sup> minimum<br>
                <span style="color: #1a293e;">•</span> 1 to 3 people<br>
                <span style="color: #1a293e;">•</span> 1 extra-large King Size bed<br>
                or 2 twin beds<br>
                <span style="color: #1a293e;">•</span> Extra bed<br>
                on request
              </span>
              <span class="txt">Think big!</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

          <a href="rooms-tribu.html" title="Hôbou Tribu Rooms" class="chambre">
            <h3 class="title">TRIBU<br><span>● Connecting ●</span></h3>
            <span class="visu"
              style="background-image: url(../img/chambres/tribu/home/Chambre-Tribu-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0"><span style="color: #1a293e;">•</span> 2 connecting rooms<br>
                <span style="color: #1a293e;">•</span> 36 m<sup><span style="font-size: 12px;">2</span></sup> minimum<br>
                <span style="color: #1a293e;">•</span> 1 to 4 people<br>
                <span style="color: #1a293e;">•</span> King Size bed(s)<br>
                and/or twin beds
              </span>
              <span class="txt">Live as a tribe!</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

          <a href="room-cocoon.html" title="Hôbou Cocoon Room" class="chambre">
            <h3 class="title">COCOON</h3>
            <span class="visu"
              style="background-image: url(../img/chambres/cocoon/home/Chambre-Cocoon-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0">
                <span style="color: #1a293e;">•</span> 13m<sup><span style="font-size: 12px;">2</span></sup>
                  minimum<br>
                  <span style="color: #1a293e;">•</span> 1 or 2 people<br>
                  <span style="color: #1a293e;">•</span> 1 double bed
              </span>
              <span class="txt">Comfort<br>
                yourself!</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

          <a href="room-nomade.html" title="Hôbou Nomade Room" class="chambre">
            <h3 class="title">NOMADE<br><span>● Classic ●</span></h3>
            <span class="visu"
              style="background-image: url(../img/chambres/nomade/home/Chambre-Nomade-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0"> <span style="color: #1a293e;">•</span> 16m<sup><span
                    style="font-size: 12px;">2</span></sup> minimum<br>
                <span style="color: #1a293e;">•</span> 1 or 2 people<br>
                <span style="color: #1a293e;">•</span> 1 King Size bed<br>
                or 2 twin beds
              </span>
              <span class="txt">Drop<br>
                your bags!</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

        </div>
      </div>
    </div>

    <div class="wrapper">
      <div class="btn-container-right">
        <a href="rooms.html" title="Hôbou Rooms" class="btn floatnone mt0">
          <span class="txt white">Discover our rooms</span>
          <span class="bulle" style="background-color: #dc7874;"></span>
        </a>
      </div>
    </div>

  </section>

  <section class="section section3 pt pb" data-bg="#ba614e" style="background-color: #ba614e;">

    <img src="../img/divers/papillons.png" alt="Butterfly girls"
      class="papillons wow animate__animated animate__zoomIn">

    <div class="sidetitle">
      <div class="sidetitle-in wow animate__animated animate__fadeInDown">Go all the way with <strong
          style="color:#f4ce91;">your desires</strong></div>
    </div>
    <div class="wrapper">

      <div class="container-center">

        <h2 style="color: #f4ce91;" class="animh2"><span>Your Experiences<i></i></span></h2>

        <div class="content">
          <p class="white" align="center">
            <strong>Feeling at home, but better:<br>
              that's the whole Hôbou spirit.</strong><br>
            A boutique hotel designed for all your desires.<br>
            Under the same roof!
          </p>
        </div>

      </div>

    </div>

    <div class="slider-container-anm">

      <div class="slider-nav slk-nav v3">
        <div class="wrapper">
          <a class="prev">
            <img src="../img/divers/Fleche-experiences-Hobou-gauche-Hover.png" alt="Left arrow" class="hover">
            <img src="../img/divers/Fleche-experiences-Hobou-gauche.png" alt="Left arrow">
          </a>
          <a class="next">
            <img src="../img/divers/Fleche-experiences-Hobou-droite-Hover.png" alt="Right arrow" class="hover">
            <img src="../img/divers/Fleche-experiences-Hobou-droite.png" alt="Right arrow">
          </a>
        </div>
      </div>

      <div class="slider anm">

        <a href="breakfast.html" title="Hôbou Breakfast">
          <h3 class="title">Breakfast</h3>
          <div class="visu">
            <p class="animh2v2"><span>Start the day<br> off right!</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/petit-dejeuner/home/Petit-dejeuner-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="bar.html" title="Hôbou Bar">
          <h3 class="title">The bar</h3>
          <div class="visu">
            <p class="animh2v2"><span>Would you like<br> a drink?</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/bar/home/Bar-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="room-service.html" title="Hôbou Room Service">
          <h3 class="title">Room service</h3>
          <div class="visu">
            <p class="animh2v2"><span>Stay curled up<br> in your room!</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/room-service/home/Room-service-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="lounge.html" title="Hôbou Lounge">
          <h3 class="title">The lounge</h3>
          <div class="visu">
            <p class="animh2v2"><span>Here, you settle in<br> just like at home!</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/salon/home/Salon-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="fitness-room.html" title="Hôbou Fitness Room">
          <h3 class="title">Fitness room</h3>
          <div class="visu">
            <p class="animh2v2"><span>Ready to push<br> your limits?</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/fitness/home/Salle-fitness-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="hobou-time.html" title="Hôbou time">
          <h3 class="title">Hôbou time</h3>
          <div class="visu">
            <p class="animh2v2"><span>Gourmet little<br> extras!</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/hobou-time/home/Hobou-Time-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="parking.html" title="Hôbou Parking">
          <h3 class="title">Parking</h3>
          <div class="visu">
            <p class="animh2v2"><span>Go all the way<br> with your parking</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/parking/home/Parking-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="meeting-room.html" title="Hôbou Meeting Room">
          <h3 class="title">Meeting room</h3>
          <div class="visu">
            <p class="animh2v2"><span>Bring your ideas<br> to life...</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/reunion/home/Salle-reunion-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

      </div>
    </div>

    <div class="wrapper pts ptmob30">
      <div class="btn-container-right">
        <a href="experiences.html" title="Hôbou Experiences" class="btn floatnone mt0">
          <span class="txt white">Savor our services</span>
          <span class="bulle" style="background-color: #f4ce91;"></span>
        </a>
      </div>
    </div>

  </section>

  <section class="section section4 pt pb" data-bg="#e2b74d" style="background-color: #e2b74d;">

    <div class="sidetitle">
      <div class="sidetitle-in wow animate__animated animate__fadeInDown">Go all the way with <strong
          style="color:#994c53;">your booking</strong></div>
    </div>

    <img src="../img/divers/valise.png" alt="Suitcase" class="valise">

    <div class="wrapper full">

      <div class="container-center">

        <h2 style="color: #994c53;" class="animh2"><span>Why book?<i></i></span></h2>

        <div class="content">
          <p class="white textcenter">
            <strong style="color:#1a293d;">Like at home, but better!</strong><br>
            Best price guaranteed by booking direct.
          </p>
        </div>

      </div>

      <div class="arguments">

        <div class="wow animate__animated animate__fadeIn">
          <img src="../img/pictos/home/Adresse-ideale-Hobou-Hotel-Boulogne-Billancourt.png"
            alt="Hôbou Ideal Address, Hotel in Boulogne-Billancourt">
          <p><strong>An ideal address</strong><br>to explore Paris</p>
        </div>

        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
          <img src="../img/pictos/home/Ambiance-cozy-Hobou-Hotel-Boulogne-Billancourt.png"
            alt="Hôbou Cozy Atmosphere, Hotel in Boulogne-Billancourt">
          <p><strong>A cozy</strong><br>and warm atmosphere</p>
        </div>

        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.4s">
          <img src="../img/pictos/home/Equipe-complice-Hobou-Hotel-Boulogne-Billancourt.png"
            alt="Hôbou Complicit Team, Hotel in Boulogne-Billancourt">
          <p><strong>A complicit team</strong><br>to keep things moving</p>
        </div>

        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.6s">
          <img src="../img/pictos/home/Petits-plus-Hobou-Hotel-Boulogne-Billancourt.png"
            alt="Hôbou Little Extras, Hotel in Boulogne-Billancourt">
          <p><strong>Many little extras</strong><br>for your comfort</p>
        </div>

      </div>

    </div>

  </section>

  <section class="section6 pt pb" data-bg="#484840" style="background-color: #484840;">
    <div class="sidetitle wow animate__animated animate__fadeInUp">Go all the way to <strong style="color:#81bab2;">line 10</strong></div>

    <div class="wrapper">

      <div class="container-center">

        <h2 style="color: #81bab2;" class="animh2"><span>Join us!<i></i></span></h2>

        <div class="content">
          <p class="white textcenter">
            <strong>Your hotel at the gates of Paris</strong><br>
            How to get to Hôbou?
          </p>
        </div>

      </div>

      <div class="rejoignez">

        <div class="content leftbordered">
          <span class="border t0" style="background: #81bab2;"></span>

          <div>
            <span class="title" style="color:#81bab2;">Public transport:</span>
            <ul>
              <li style="--bullet: #81bab2;"><strong>Metro line 10.<br>
                  Stop: Boulogne – Pont de Saint-Cloud.<br></strong>
                Right in front of the hotel…
              </li>
              <li style="--bullet: #81bab2;"><strong>Tramway line T2.<br>
                  Stop: Parc de Saint-Cloud.<br></strong>
                About an 8-minute walk from the hotel.
              </li>
              <li style="--bullet: #81bab2;"><strong>Bus lines 52, 72, 126, 175, 260 and 467.</strong><br>
                In the immediate vicinity of the hotel.

              </li>
            </ul>
          </div>

          <div>
            <span class="title" style="color:#81bab2;">By Car:</span>
            <ul>
              <li style="--bullet: #81bab2;"><strong>9, Rond-Point Rhin et Danube,<br>
                  92100 Boulogne-Billancourt.</strong></li>
              <li style="--bullet: #81bab2;">Taxi stand in front of the hotel.</li>
              <li style="--bullet: #81bab2;"><strong>A few parking spaces await you at Hôbou!</strong>
              </li>
            </ul>
          </div>

          <div>
            <span class="title" style="color:#81bab2;">Airports and Train Stations:</span>
            <ul>
              <li style="--bullet: #81bab2;"><strong>Orly:</strong> 30 min (by car). </li>
              <li style="--bullet: #81bab2;"><strong>Roissy CDG:</strong> 45 min (by car).</li>
              <li style="--bullet: #81bab2;"><strong>Austerlitz, Saint-Lazare, Montparnasse, Lyon, Nord, and Est Stations</strong>: between 30 and 40 min (by metro).</li>
            </ul>
          </div>

        </div>

        <div class="map">
          <div class="map-in">
            <a href="../img/divers/Carte-Hobou-Hotel-Boulogne-Billancourt.png" data-fancybox="map">
              <img src="../img/divers/map-arrow.png" alt="Map arrow" class="arrow">
              <img src="../img/divers/Carte-Hobou-Hotel-Boulogne-Billancourt.png"
                alt="Map Hôbou Hotel Boulogne-Billancourt">
            </a>
            <div class="pts ptmob30"></div>
            <div class="btn-container-right-nnnn opacity0">
              <a href="#" class="btn floatnone mt0">
                <span class="txt white">Access Hôbou</span>
                <span class="bulle" style="background-color: #81bab2;"></span>
              </a>
            </div>
          </div>
        </div>

      </div>

      <div class="btn-container-right-nnnn wrapper particularbtncont">
        <a href="location.html" title="Hôbou Location" class="btn floatnone mt0">
          <span class="txt white">Access Hôbou</span>
          <span class="bulle" style="background-color: #81bab2;"></span>
        </a>
      </div>

    </div>

  </section>

    <section class="footer pt pb" data-bg="#c98d90" style="background-color: #c98d90;">
    <div class="wrapper full text-center">
      <div class="hobou footerhobou">
        <span class="footerhobouspan"><img src="../img/divers/H.png" alt="H from Hôbou"></span>
        <span class="footerhobouspan"><img src="../img/divers/O.png" alt="Ô from Hôbou"></span>
        <span class="footerhobouspan"><img src="../img/divers/B.png" alt="B from Hôbou"></span>
        <span class="footerhobouspan"><img src="../img/divers/O2.png" alt="O from Hôbou"></span>
        <span class="footerhobouspan"><img src="../img/divers/U.png" alt="U from Hôbou"></span>
      </div>
      <p class="white">
        <strong style="color:#2c516d; font-weight: 700;">Hôbou<sup>****</sup></strong><br>
        9, Rond-Point Rhin et Danube<br>92100 Boulogne-Billancourt<br>
        <a href="tel:+33146991040"><strong>+33 1 46 99 10 40</strong></a><br>
        <strong style="color:#2c516d; font-weight: 700;"><a href="mailto:bonjour@hobou.com" class="animunderline" title="Contact Hôbou">bonjour@hobou.com</a></strong>
      </p>
      <p class="footermenu white">
        <a href="legal-notice.html" title="Hôbou Legal Notice">Legal notice</a>
        <a href="privacy-policy.html" title="Hôbou Privacy Policy">Privacy policy</a>
        <a href="contact-us.html" title="Contact Hôbou">Contact</a>
      </p>
      <div class="bottom">
        <p>© Hôbou 2026</p>
        <div class="rs">
          <a href="https://www.facebook.com/HobouHotelBoulogne/" target="_blank" title="Join us on Facebook"><img src="../img/divers/facebook.png" alt="Facebook"></a>
          <a href="https://www.instagram.com/hobou_hotel_boulogne" target="_blank" title="Join us on Instagram"><img src="../img/divers/instagram.png" alt="Instagram"></a>
          <a href="https://www.linkedin.com/company/hobou/" target="_blank" title="Join us on LinkedIn"><img src="../img/divers/linkedin.png" alt="Linkedin"></a>
        </div>
        <p><a href="https://www.agence-web-paris.com/" target="_blank" title="Agence Web Paris 6LAB">Agence Web Paris 6LAB</a></p>
      </div>
    </div>
  </section>

  <script src="https://cdn.jsdelivr.net/npm/wowjs@1.1.3/dist/wow.min.js" defer></script>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
        new WOW().init();
        jQuery(document).ready(function ($) {
            Fancybox.bind('[data-fancybox]', {
                Thumbs: false,
                Toolbar: true,
            });
        });
    });
  </script>

  <div id="cookie-banner" class="cookie-banner hidden">
    <div class="cookie-content">
      <h3 class="cookie-title">Cookie Management</h3>
      <p>We use cookies to improve your browsing experience, analyze traffic and personalize content.</p>
    </div>
    <div class="cookie-buttons">
      <button id="btn-accept-all" class="btn-accept">Accept all</button>
      <button id="btn-reject-all" class="btn-reject">Reject all</button>
      <button id="btn-customize" class="btn-custom">Customize</button>
    </div>
  </div>

  <div id="cookie-modal" class="cookie-modal hidden">
    <div class="cookie-modal-content">
      <h2>Cookie settings</h2>
      <p>Choose the cookies you allow. You can change your choices at any time.</p>
      <div class="cookie-option">
        <label>
          <input type="checkbox" checked disabled> 
          <div class="cookie-text-wrap">
            <strong>Essential (Required):</strong> 
            <span>Necessary for the website to function.</span>
          </div>
        </label>
      </div>
      <div class="cookie-option">
        <label>
          <input type="checkbox" id="chk-analytics"> 
          <div class="cookie-text-wrap">
            <strong>Analytics:</strong> 
            <span>To understand how you use our site (e.g. Google Analytics).</span>
          </div>
        </label>
      </div>
      <div class="cookie-option">
        <label>
          <input type="checkbox" id="chk-marketing"> 
          <div class="cookie-text-wrap">
            <strong>Marketing:</strong> 
            <span>To provide you with relevant advertisements (e.g. Meta Pixel).</span>
          </div>
        </label>
      </div>
      <div class="cookie-modal-actions">
        <button id="btn-close-modal" class="btn-cancel">Cancel</button>
        <button id="btn-save-preferences" class="btn-save">Save my choices</button>
      </div>
    </div>
  </div></body>
</html>