Outiref

Code source de l'URL : https://f2i-dev06-mz-ak-yy-ae.fr

<!DOCTYPE html>
<html lang="fr">
  <head>
    <script type="module" src="/@vite/client"></script>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">

    <!-- Icones -->
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="google-site-verification" content="hJGIXkdLMLAmDnK4FBCWHK6Cb8n_ofQ6lGUinzKbBJk" />
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <!-- SEO Meta -->
    <meta name="description" content="Explorez Atypik House pour des locations d'habitats alternatifs uniques, alliant confort et originalité pour des séjours inoubliables. Découvrez des hébergements atypiques pour des vacances hors du commun." />
    <meta name="keywords" content="locations de vacances, habitats alternatifs, hébergements atypiques, vacances originales, séjours confortables, maisons insolites, locations uniques, vacances créatives" />
    
    <!-- Open Graph (Pour les réseaux sociaux) -->
    <meta property="og:title" content="Atypik House - Locations d'habitats alternatifs uniques" />
    <meta property="og:description" content="Explorez des locations uniques et alternatives pour vos vacances. Confort et originalité au rendez-vous avec Atypik House." />
    <meta property="og:image" content="/images/og-image.jpg" /> <!-- Ajoutez une image pour la prévisualisation -->
    <meta property="og:url" content="https://www.atypikhouse.com" />
    <meta property="og:type" content="website" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Atypik House - Locations d'habitats alternatifs uniques" />
    <meta name="twitter:description" content="Trouvez des locations alternatives et originales pour vos vacances avec Atypik House. Confort et authenticité au rendez-vous." />
    <meta name="twitter:image" content="/images/twitter-image.jpg" />

    <!-- Title -->
    <title>Atypik House - Locations d'habitats alternatifs uniques</title>

    <!-- External CSS (Bootstrap) -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicon image -->
    <link rel="icon" type="image/png" href="/favicon-32x32.png">
  </head>
  <body>
    <!-- Titre principal dans le body (souvent dans un composant Vue.js, mais ici pour l'exemple) -->
    <h1>Atypik House - Locations d'habitats alternatifs uniques</h1>

    <div id="app"><!--[--><nav class="navbar navbar-expand-lg fixed-top navbar-dark px-3"><div class="container-fluid p-0 d-flex align-items-center justify-content-center" style="gap:3rem;"><!-- Logo --><a class="navbar-brand m-0" href="/" style="display:flex;align-items:center;"><img src="/logo.png" alt="Logo" style="height:55px;object-fit:contain;"></a><!-- Bouton Hamburger --><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNavDropdown"><ul class="navbar-nav"><li class="nav-item"><a aria-current="page" href="/" class="router-link-active router-link-exact-active nav-link" style="color:white;font-size:20px;margin-right:2rem;"> Accueil </a></li><li class="nav-item"><a href="/locations" class="nav-link" style="color:white;font-size:20px;margin-right:2rem;"> Nos biens </a></li><li class="nav-item"><a href="/qui-sommes-nous" class="nav-link" style="color:white;font-size:20px;margin-right:2rem;"> Qui sommes-nous ? </a></li><li class="nav-item"><a class="nav-link" href="#footer-id" style="color:white;font-size:20px;margin-right:2rem;">Contactez nous</a></li></ul><!-- Menus --><ul class="navbar-nav me-auto mb-2 mb-lg-0"><!-- Menu compte --><li class="nav-item dropdown nav-right"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="color:white;font-size:20px;"><span> Mon compte <i class="fas fa-solid fa-user"></i></span><!----></a><ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"><!-- Non Connecté --><li><a href="/register" class="dropdown-item"> Créer un compte locataire </a></li><li><a href="/registerProprietaire" class="dropdown-item"> Créer un compte propriétaire </a></li><li><a href="/login" class="dropdown-item"> Se Connecter </a></li><!-- Connecté --><!----><!----><!----><!----><!----><!----></ul></li><!-- Menu de notifications --><!----></ul></div></div></nav><div class="cookie-banner"><div class="cookie-content"><p> Nous utilisons des cookies pour améliorer votre expérience. En continuant à naviguer sur ce site, vous acceptez notre <a href="/politiqueConfidentialite">politique de confidentialité</a> et nos <a href="/cookie-policy">conditions d&#39;utilisation des cookies</a>. </p><button>Accepter</button><button>Refuser</button></div></div><div class="100vh bg-image"><section class="py-5 lg-6 text-center display-1 mb-2" id="First"><div class="container" style="z-index:5;position:relative;"><div class="mask rgba-black-light d-flex justify-content-center align-items-center"><div class="text-center" style="margin-top:10rem;"><h1 class="display-2 mb-4 text-white"> Trouvez votre prochaine endroit insolite </h1><br></div></div><div class="mc-field-group input-group form-floating display-2 mb-4"><label class="row label-view1" for="mce-EMAIL2"></label><input type="date" name="startDate" class="required form-control"><label class="row" for="mce-EMAIL2"></label><input type="date" name="endDate" class="required form-control"><input class="btn btn-success btn-block btn-lg gradient-custom-4" type="submit" value="Rechercher"></div></div><div class="modal fade" tabindex="-1" id="searchResults"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h3 class="modal-title">Bien trouvées</h3><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"><section class="container-fluid"><!----><h3>Aucun Résultat Trouvé!</h3></section></div></div></div></div><br><div class="display-4 mb-4 text-center text-white"><h2>Découvrez nos locations d’habitats alternatifs</h2><br><br></div></section><section class="py-5 container"><div class="row py-lg-4"><h2 class="display-4 mb-4 text-center text-dark"> Vous souhaitez vivre une expérience insolite ? </h2><h3 class="display-4 mb-4 text-center text-dark"> Nous vous proposons différents types d&#39;hébergements qui vous laisseront des souvenirs inoubliables. <br><br></h3><!--[--><!--]--><br><hr></div><div class="rows"><div class="row featurette"><div class="col-md-7"><br><h2 class="featurette-heading text-muted"> VIVEZ UNE EXPÉRIENCE INOUBLIABLE ! </h2><br><p class="lead"> A 4, 10 ou même 20 mètres de haut, nos cabanes perchées en Bretagne vous offriront le souvenir inoubliable d&#39;un week-end insolite à partager en famille, entre amis ou en amoureux.<br> Au petit-matin, hissez le panier du petit-déjeuner en hauteur jusqu’à votre terrasse et le soir, laissez-vous tenter par un panier repas pour profiter pleinement de votre cabane insolite en pleine nature, à quelques mètres du sol.<br> Elles sont des exemples d’éco-construction en bois, sans eau ni électricité et équipées de toilettes sèches. A l’intérieur, éclairage à la bougie et mobilier en bois véritable. Un petit chauffage d’appoint est installé en hiver pour une nuitée confortable dans votre lit. </p></div><div class="col-md-5"><img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="https://images.pexels.com/photos/9209878/pexels-photo-9209878.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="Cabane perchée en pleine nature" role="img" preserveaspectratio="xMidYMid slice" focusable="false"><br><rect width="100%" height="100%" fill="#eee"></rect></div><br><hr class="featurette-divider"><br><div class="col-md-5"><img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="https://images.pexels.com/photos/6526181/pexels-photo-6526181.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="Cabane perchée en pleine nature" role="img" preserveaspectratio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#eee"></rect></div><div class="col-md-7"><br><h2 class="featurette-heading text-muted"><br> VENEZ DÉCOUVRIR LES ACTIVITÉS ET LOISIRS À PROXIMITÉ DU PARC NATURE &amp; OCÉAN </h2><br><p class="lead"> 126 km de plages de sable fin, océanes ou lacustres, abritent une palette de stations balnéaires pour tous les goûts : Le Verdon, Soulac Sur Mer, Montalivet, Carcans, Lacanau… jusqu’au Bassin d’Arcachon.<br> Pour les amateurs de sensations un large choix d’activités à pratiquer : le surf, le kayak des mers, kyte surf… On peut s’initier à la planche à voile ou au catamaran avec l’UCPA.<br>D’autres activités plus paisibles vous attendent, vous pouvez emprunter les 140 Km de pistes cyclables. Location de vélo avec Garage à Vélo (Hourtin Port), côtoyer la faune et la flore des différents sentiers balisés ou pratiquer la pêche au bord du lac. </p></div><br><hr class="featurette-divider"><br><div class="col-md-7"><br><h2 class="featurette-heading text-muted"> BALADE ET DÉCOUVERTES </h2><br><p class="lead"> Entre lac, océan et vignobles des châteaux de rêve, un univers à découvrir : les vins du Médoc.<br> La départementale 2, route des vins, traverse la plupart des grandes appellations :<br> Haut Médoc, Saint Julien, Pauillac, Saint Estèphe…<br> D’autres activités liées à l’exploitation de la vigne vous attendent :<br> Visites de la Lagune de Contaut (marais boisé parsemé de fougères géantes) &amp; des rives Est du lac (paysages, découverte de la végétation et peut-être aussi des traces de loutre…). Sites protégés, visites gratuites avec un guide naturaliste de juin à septembre.<br> Balade en forêt &amp; brame du cerf en septembre : encadré par un guide naturaliste, balade en petit groupe dans les zones humides de la forêt pour écouter le brame du cerf.<br> Sortie mycologie en octobre : journée en forêt à la découverte des différentes espèces de champignons en compagnie d’un guide naturaliste. </p></div><div class="col-md-5"><img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="https://images.pexels.com/photos/1800387/pexels-photo-1800387.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="Cabane perchée en pleine nature" role="img" aria-label="Placeholder: 500x500" preserveaspectratio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#eee"></rect></div></div></div></section></div><footer class="text-center text-lg-start bg-light text-muted" id="footer-id"><section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"><div class="me-5 d-none d-lg-block"><b>Rejoignez-nous sur les réseaux sociaux :</b></div><div><a href="" class="me-4 text-reset"><i class="fab fa-facebook-f"></i></a><a href="" class="me-4 text-reset"><i class="fab fa-instagram"></i></a></div><!-- Right --></section><!-- Section: Social media --><!-- Section: Links  --><section class=""><div class="container text-center text-md-start mt-5"><!-- Grid row --><div class="row mt-3"><!-- Grid column --><div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4"><!-- Content --><h2 class="text-uppercase fw-bold mb-4"><i class="fas fa-gem me-3"></i>Atypik House </h2><p> Pour passer des vacances inoubliables, il est important de bien choisir sa location ! Contactez-nous pour trouver votre AtypikHouse à louer et réservez dès maintenant votre location de vacances auprès de notre agence. </p></div><!-- Grid column --><!-- Grid column --><div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4"><!-- Links --><h3 class="text-uppercase fw-bold mb-4">Liens directs</h3><li><a href class="" style="color:black;">Politique de confidentialité</a></li><li><a href="/MentionsLegales" class="" style="color:black;"> Mentions légales </a></li><li><a href="/CgvCgu" class="" style="color:black;"> CGV - CGU </a></li><li><a href="/Faq" class="" style="color:black;"> FAQ </a></li><!-- <li>
            <a :href="`${webUrl}/sitemap.xml`" style="color: black">
            Sitemap
            </a>
          </li> --></div><!-- Grid column --><!-- Grid column --><div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4"><!-- Links --><h3 class="text-uppercase fw-bold mb-4">Êtes-vous propriètaire</h3><p> Si vous êtes propriètaire d&#39;un bien immobilier que vous souhaitez mettre en location saisonnière, contactez notre agence pour louer en toute sérénité. </p></div><!-- Grid column --><!-- Grid column --><div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4"><!-- Links --><h3 class="text-uppercase fw-bold mb-4">Contact</h3><p><i class="fas fa-home me-3"></i> 6 Rue Napoléon, 60350 Pierrefonds, France </p><p><i class="fas fa-envelope me-3"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e6858988928785929395a687929f968f8d8e89939583c88094">[email&#160;protected]</a> </p><p><i class="fas fa-phone me-3"></i> +33 5 58 59 57 56</p><p><i class="fas fa-print me-3"></i> +33 5 58 59 57 56</p></div><!-- Grid column --></div><!-- Grid row --></div></section><!-- Section: Links  --><!-- Copyright --><div class="text-center p-4" style="background-color:rgba(0, 0, 0, 0.05);"> © 2025 Copyright : <b>Atypik House</b>   ATTENTION : Ce site internet est un projet étudiant. Aucune réservation ne sera donc honorée. </div><!-- Copyright --></footer><!--]--></div>
    <!-- built files will be auto injected -->
     <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="module" src="/src/entry-client.js"></script>
    <!-- External JS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
    <script src="https://kit.fontawesome.com/6e6a4f7701.js" crossorigin="anonymous"></script>
  </body>
</html>