Outiref

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

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

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

<title>Ferme des Veyssières | Chambres et tables d’hôtes</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="img/favicon.jpg" type="image/x-icon">
<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/myStyle.css" rel="stylesheet" media="screen">
<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="Ferme des Veyssières"/>
        </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><a href="/">Accueil</a></li>
            <li><a href="chambre-hotes.php">Chambres d’hôtes</a></li>
            <li><a href="tables-hotes.php">Table d’hôtes</a></li>
            <li><a href="visite.php">Visites en Périgord</a></li>
            <li><a href="Galerie#gal">Galerie</a></li>
            <li><a href="Contact.php">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><a href="/">Accueil</a></li>
            <li><a href="chambre-hotes.php">Chambres d’hôtes</a></li>
            <li><a href="tables-hotes.php">Table d’hôtes</a></li>
            <li><a href="visite.php">Visites en Périgord</a></li>
            <li><a href="Galerie#gal">Galerie</a></li>
            <li><a href="Contact.php">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=">Ferme des Veyssières" 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">TABLES ET CHAMBRES 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="https://www.lesveyssieres24.fr/Contact" class="btn" data-toggle="modal">Contactez-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">TABLES ET CHAMBRES 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="https://www.lesveyssieres24.fr/Contact" class="btn" data-toggle="modal">Contactez-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="chambre-hotes.php">
                      <div class="blog-thumbnail-img"><img alt="chambre d'hotes" class="img-responsive" src="img/gal/main.jpg"></div>
                    </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="tables-hotes.php">
                      <div class="blog-thumbnail-img"><img alt="table d'hotes" class="img-responsive" src="img/gal/main2.jpg"></div>
                    </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#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"><a style="color: white !important" href="mailto:les.veyssier.oies@wanadoo.fr">les.veyssier.oies@wanadoo.fr</a></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="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">Mentions Légales</a> | <a href="liens-utiles">Liens utiles</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>