Outiref

Code source de l'URL : https://www.lesveyssieres24.fr

<!DOCTYPE HTML>
<html lang="en">

<head>
<meta  charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Chambres et tables d’hôtes – Ferme des Veyssières.</title> 
<meta name="author" content="FERME DES VEYSSIÈRES">
<meta name="description" content="La Ferme des Veyssières vous accueille près de Sarlat en Dordogne pour vous faire profiter d’un agréable séjour au cœur de la nature et des sites historiques.">
<!-- Favicons -->
<link rel="shortcut icon" href="favicon.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">

<!-- Styles -->
<link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Open+Sans:400,400i,600,600i|Montserrat:400,500,700|Playfair+Display:400,400i,700,700i&amp;subset=cyrillic" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" media="screen">
</head>
<body>
  
   

    <!-- Header -->

    <header class="navbar">
      <div class="container">
        <a href="#" class="brand js-target-scroll">
         <img src="img/logo.jpg" alt=""/>
        </a>

        <!-- Navbar Collapse -->

          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse">
            <span class="sr-only">Menu</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
      
        <!-- Navigation Desctop -->

        <nav class="nav-desctop hidden-xs hidden-sm">
          <ul class="nav-desctop-list">
            <li class="active"><a href="index.html">Accueil</a></li>
            <li><a href="Nosprestations.html#prestation">Chambres et table d’hôtes</a></li>
            <li><a href="Galerie.html#gal">Galerie</a></li>
            <li><a href="Contact.html#contact">Contact</a></li>

          </ul>
        </nav>

        <!-- Navigation Mobile -->

        <nav class="nav-mobile hidden-md hidden-lg">
          <div class="collapse navbar-collapse" id="nav-collapse"> 
            <ul class="nav-mobile-list">
            <li class="active"><a href="index.html">Accueil</a></li>
            <li><a href="Nosprestations.html#prestation">Chambres et table d’hôtes</a></li>
            <li><a href="Galerie.html#gal">Galerie</a></li>
            <li><a href="Contact.html#contact">Contact</a></li>

            </ul>
          </div>
        </nav> 
      </div>
    </header>
    
    <!-- Home -->    
    <main class="main">

      <div class="arrow-left hidden-xs">
        <span class="icon-chevron-left"></span>
      </div>
      <div class="arrow-right hidden-xs">
        <span class="icon-chevron-right"></span>
      </div>

      <!-- Start revolution slider -->

      <div class="rev_slider_wrapper">
        <div id="rev_slider" class="rev_slider fullscreenbanner">
          <ul>

            <!-- Slide 1 -->

            <li  data-transition="slotzoom-horizontal" data-slotamount="7" data-masterspeed="1000" data-fsmasterspeed="1000">

              <!-- Main image-->

              <img src="img/slider/slider.jpg"  data-lazyload="img/slider/slider.jpg" data-bgparallax="7" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">

              <!-- Layer 1 -->

              <div class="slider-title tp-caption" 
                data-x="['center','center','center','center']" data-hoffset="['0']"  
                data-y="['middle','middle','middle','middle']" data-voffset="['-80']"
                data-textalign="['center','center','center','center']"
                data-fontsize="['100', '60','50','40']"
                data-lineheight="['100','100', '60','50']"
                data-height="none"
                data-whitespace="nowrap"
                data-transform_idle="o:1;"
                data-transform_in="x:[105%];z:0;rX:0deg;rY:0deg;rZ:0deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power2.easeInOut;" 
                data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                data-mask_in="x:80px;y:0px;s:inherit;e:inherit;" 
                data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
                data-start="500" 
             
                data-splitout="none" 
                data-responsive_offset="on" 
                data-elementdelay="0.05"><span style="font-family:'Arizonia';">Ferme des Veyssières</span>
                
              </div>

              <!-- Layer 2 -->

              <div class="slider-text tp-caption"
                data-x="['center','center','center','center']" data-hoffset="['0']" 
                data-y="['middle','middle','middle','middle']" data-voffset="['30']"
                data-textalign="['center','center','center','center']"
                data-fontsize="['40', '30','25','20']" 
                data-lineheight="['70','65', '60','50']" 
                data-whitespace="normal"
                data-width="['900','700','600','500']"
                data-transform_idle="o:1;"
                data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1200;e:Power1.easeInOut;" 
                data-transform_out="opacity:0;s:1000;s:1000;" 
                data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                data-start="1500" 
                data-splitin="none" 
                data-splitout="none"><span style="opacity:0.9">TABLE ET CHAMBRE D’HÔTES</span>
              </div>

              <!-- Layer 3 -->

              <div class="tp-caption"
                data-x="['center','center','center','center']" data-hoffset="['0']" 
                data-y="['middle','middle','middle','middle']" data-voffset="['125']" 
                data-width="none"
                data-fontsize="['16']"
                data-height="none"
                data-whitespace="nowrap"
                data-transform_idle="o:1;"
                data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
                data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);"
                data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" 
                data-transform_out="y:50px;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                data-mask_out="x:inherit;y:inherit;" 
                data-start="1500" 
                data-splitin="on" 
                data-splitout="none" 
                data-responsive_offset="on"><a href="Contact.html" class="btn" data-toggle="modal">Contact-Nous</a>
              </div>
              
            </li>

            <!-- Slide 2 -->

            <li  data-transition="slotzoom-horizontal" data-slotamount="7" data-masterspeed="1000" data-fsmasterspeed="1000">

              <!-- Main image-->

              <img src="img/slider/slider2.jpg"  data-lazyload="img/slider/slider2.jpg" data-bgparallax="7" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">

              <!-- Layer 1 -->

              <div class="slider-title tp-caption" 
                data-x="['center','center','center','center']" data-hoffset="['0']"  
                data-y="['middle','middle','middle','middle']" data-voffset="['-80']"
                data-textalign="['center','center','center','center']"
                data-fontsize="['100', '60','50','40']"
                data-lineheight="['100','100', '60','50']"
                data-height="none"
                data-whitespace="nowrap"
                data-transform_idle="o:1;"
                data-transform_in="x:[105%];z:0;rX:0deg;rY:0deg;rZ:0deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power2.easeInOut;" 
                data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                data-mask_in="x:50px;y:0px;s:inherit;e:inherit;" 
                data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
                data-start="500" 
             
                data-splitout="none" 
                data-responsive_offset="on" 
                data-elementdelay="0.05"><span style="font-family:'Arizonia';">Ferme des Veyssières</span>
              </div>

              <!-- Layer 2 -->

              <div class="slider-text tp-caption"
                data-x="['center','center','center','center']" data-hoffset="['0']" 
                data-y="['middle','middle','middle','middle']" data-voffset="['20']"
                data-textalign="['center','center','center','center']"
                data-fontsize="['40', '30','25','20']" 
                data-lineheight="['80','70', '60','50']"
                data-whitespace="normal"
                data-width="['900','700','600','500']"
                data-transform_idle="o:1;"
                data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1200;e:Power1.easeInOut;" 
                data-transform_out="opacity:0;s:1000;s:1000;" 
                data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                data-start="1500" 
                data-splitin="none" 
                data-splitout="none"><span style="opacity:0.9">TABLE ET CHAMBRE D’HÔTES</span>
              </div>

              <!-- Layer 3 -->

              <div class="tp-caption"
                data-x="['center','center','center','center']" data-hoffset="['0']" 
                data-y="['middle','middle','middle','middle']" data-voffset="['125']" 
                data-width="none"
                data-fontsize="['16']"
                data-height="none"
                data-whitespace="nowrap"
                data-transform_idle="o:1;"
                data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
                data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);"
                data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" 
                data-transform_out="y:50px;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                data-mask_out="x:inherit;y:inherit;" 
                data-start="1500" 
                data-splitin="on" 
                data-splitout="none" 
                data-responsive_offset="on"><a href="Contact.html" class="btn" data-toggle="modal">Contact-Nous</a>
              </div>

            </li>
          </ul>
        </div>
      </div>
      
      <div class="mouse-helper">
        <a href="#main"><i class="icon ion-mouse"></i></a>
      </div>
    </main>

    <div class="content">   
      <section class="sectionindex">
        <div class="container">
          
          <div class="section-content">
            <div class="row-space row-base row">
              <div class="col-space col-base col-md-12" id="main">
                <h4 class="section-title">FERME DES VEYSSIÈRES</h4>
                <p>
                A 8kms de Sarlat, au cœur de la compagne du Périgord noir entre Dordogne et Vézère, Jeanine et Patrice Roche vous accueillent chaleureusement à la Ferme des Veyssières, une ferme Périgourdine du XVIIIème siècle.<br>

                La Ferme des Veyssières, comptant deux chambres d’hôtes de 2 personnes et 2 chambres pouvant recevoir 3 personnes, vous offre un cadre calme et confortable pour un séjour agréable et détendant.</p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- Team -->

       <section class="section bg-light">
        <div class="container">
          <div class="row">
            <header class="text-center col-md-8 col-md-offset-2">
              <h2 class="section-title">Votre séjour à la Ferme des Veyssières</h2>
              
            </header>
          </div>
        </div>
        <div class="section-content">
          <div class="container">
            <div class="row-blog row">
              <div class="col-blog col-blog-home col-base col-sm-6 col-md-6">
                <article class="blog">
                  <div class="blog-thumbnail">
                    <a href="https://www.lesveyssieres.com/chambres-d-hotes-prats-de-carlux">
                      <div class="blog-thumbnail-img"><img alt="" class="img-responsive" src="img/gal/main.jpg"></div>
                    </a>
                  </div>
                  <!--div class="blog-info">
                    <a href="https://www.lesveyssieres.com/chambres-d-hotes-prats-de-carlux" class="blog-rubric">Chambres d’hôtes</a>
                    
                  </div-->
                </article>
              </div>
              <div class="col-blog col-blog-home col-base col-sm-6 col-md-6">
                <article class="blog">
                  <div class="blog-thumbnail">
                    <a href="https://www.lesveyssieres.com/table-d-hote-sarlat">
                      <div class="blog-thumbnail-img"><img alt="" class="img-responsive" src="img/gal/main2.jpg"></div>
                    </a>
                  </div>
                  <!--div class="blog-info">
                    <a href="https://www.lesveyssieres.com/table-d-hote-sarlat" class="blog-rubric">Tables d’hôtes</a>
                    
                  </div-->
                </article>
              </div>
            </div>
          </div>
        </div>
      </section>

     
     
    <div class="content"> 
     <section class="section2">
          <div class="container">
            <div class="row">
              <div class="col-md-10 col-md-offset-1">


                <form method="post" class="wpcf7-form"  action="https://www.lesveyssieres24.fr/Contact.html#contact">
                  <span style='font-size:30px;font-weight: bold;color:#425cbb;'>Vous souhaitez nous rendre visite ?</span>

                <button type="submit" class="btn btn-default col-md-4 pull-right btn-success">Réservez votre séjour</button>
               
                </form>
              </div>
            </div>
          </div>
        </section>


      <section class="contacts">
        <div class="map-wrapper">
          <div id="map" class="map"></div>
          <div class="col-md-5 col-lg-4 address-panel-2">
            <div class="address-item-2">
              <i class="icon icon-telephone"></i>
              <div class="address-title-2"><a style="color: white !important" href="tel:05 53 29 81 53">05 53 29 81 53</a></div>
            </div>
            <div class="address-item-2">
              <i class="icon icon-envelope"></i>
              <div class="address-title-2">les.veyssier.oies@wanadoo.fr</div>
            </div>
            <div class="address-item-2">
              <i class="icon icon-map-marker"></i>
              <div class="address-title-2">LIEU DIT LES VEYSSIERES, 24370,<br> PRAT DE CARLUX, FRANCE</div>
            </div>
          </div>
        </div>
       
      </section>
      
      <!-- Footer -->

      
    </div>

    <!-- Modals -->




      <footer id="footer" class="footer bg-dark">     
        <div class="container">
          <div class="row-base row-space row">
            <div class="col-base col-space col-sm-3 col-md-4">
              <ul class="nav-bottom">
                <li><a href="chambre-dhotes-a-lascaux.html">Chambre d’hôtes à Lascaux</a></li>
                <li><a href="chambre-dhotes-a-sarlat-la-caneda.html">Chambre d’hôtes à Sarlat-la-Canéda</a></li>
                <li><a href="chambre-dhotes-en-perigord.html">Chambre d’hôtes en Périgord</a></li>
                <li><a href="chambre-dhotes-en-dordogne.html">Chambre d’hôtes en Dordogne</a></li>
                <li><a href="chambre-dhotes-a-rocamadour.html">Chambre d’hôtes à Rocamadour</a></li>
              </ul>
            </div>
            <div class="col-base col-space col-sm-3 col-md-4">
              <ul class="nav-bottom">
                <li><a href="table-dhotes-a-lascaux.html">table d’hôtes à Lascaux</a></li>
                <li><a href="table-dhotes-a-sarlat-la-caneda.html">table d’hôtes à Sarlat-la-Canéda</a></li>
                <li><a href="table-dhotes-en-perigord.html">table d’hôtes en Périgord</a></li>
                <li><a href="table-dhotes-en-dordogne.html">table d’hôtes en Dordogne</a></li>
                <li><a href="table-dhotes-a-rocamadour.html">table d’hôtes à Rocamadour</a></li>

              </ul>
            </div>
            <div class="col-base col-space col-sm-3 col-md-4">
              <ul class="nav-bottom">
                <li><a href="hebergement-a-lascaux.html">hébergement à Lascaux</a></li>
<li><a href="hebergement-a-sarlat-la-caneda.html">hébergement à Sarlat-la-Canéda</a></li>
<li><a href="hebergement-en-perigord.html">hébergement en Périgord</a></li>
<li><a href="hebergement-en-dordogne.html">hébergement en Dordogne</a></li>
<li><a href="hebergement-a-rocamadour.html">hébergement à Rocamadour</a></li>
              </ul>
            </div>
           
          </div>
        </div>
        <div class="footer-bottom">
          <div class="container">
              <div class="copyrights">
              <span>&copy; Tous droits réservés,</span> <a target="_blank" href="http://www.wewebcom.fr/">Wewebcom</a> | <a href="Mentionslegales.html">Mentions Légales</a>
              </div>  
          </div>
        </div>
      </footer>
    </div>

    <!-- Modals -->

<!-- SCRIPTS -->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.viewport.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/jarallax.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/imagesloaded.pkgd.js"></script>

<!-- SLIDER REVOLUTION -->
<script src="js/rev-slider/jquery.themepunch.tools.min.js"></script>
<script src="js/rev-slider/jquery.themepunch.revolution.min.js"></script>

<!-- SLIDER REVOLUTION 5x EXTENSIONS   -->
<script src="js/rev-slider/revolution.extension.actions.min.js"></script>
<script src="js/rev-slider/revolution.extension.carousel.min.js"></script>
<script src="js/rev-slider/revolution.extension.kenburn.min.js"></script>
<script src="js/rev-slider/revolution.extension.layeranimation.min.js"></script>
<script src="js/rev-slider/revolution.extension.migration.min.js"></script>
<script src="js/rev-slider/revolution.extension.navigation.min.js"></script>
<script src="js/rev-slider/revolution.extension.parallax.min.js"></script>
<script src="js/rev-slider/revolution.extension.slideanims.min.js"></script>
<script src="js/rev-slider/revolution.extension.video.min.js"></script>
<script src="js/rev-slider-init.js"></script>
<script src="js/interface.js"></script> 
</body>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBig6X1KV-O6B4AKChhUhOvw8QKxhhiV1o&callback=initMap"></script>

<script>
    function initMap() {
                // Create a map object and specify the DOM element for display.
                var map = new google.maps.Map(document.getElementById('map'), {
                  center: {lat: 44.901217, lng: 1.298321},
              zoom: 16
                });
            var marker = new google.maps.Marker({
            position: {lat: 44.901217, lng: 1.298321},
            map: map,
            });
             
        }
  </script>

  <script type="text/javascript" src="js/jquery.validate.js"></script> 
  <script src="js/contact.js"></script>
  </html>