Outiref
<!DOCTYPE html>
<html lang=fr-FR>
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="Content-Language" content="fr">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="robots" content="index, follow">
    <meta name="facebook-domain-verification" content="xqiz80akh2x87dzqpmu4ploqe2ui7d" />
    <title>Annuaire ostéopathe : Trouvez un ostéopathe DO près de chez vous</title>
    <meta name="description" lang="fr" content="Annuaire Ostéopathe: Trouvez un ostéopathe D.O près de chez vous avec le 1er réseaux des Ostéopathes de France"/>
    <link rel="icon" href="https://static.osteopathe.do/osteo-favicon.png" type="image/x-icon">
    <link rel="alternate"  href="https://www.osteopathe.do" hreflang="fr-fr"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://www.osteopathe.do/css/style.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- Leave those next 4 lines if you care about users using IE8 -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
        <!-- 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-NPRGL7T');</script>
<!-- End Google Tag Manager -->
  </head>
  <body>
  <nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <a href="#">
        <img  class="img-fluid" alt="Osteopathe" src="img/logo.png">
      </a>
      <!--
        <a href="https://pro.osteopathe.do">
         <button class="btn navbar pull-right" id="osteoBtn" > Vous êtes ostéopathe D.O ?</button> 
        </a>
      --> 
    </div>
  </div>
</nav>
  <section id="banner">
    <h1 class="text-center">Annuaire des Ostéopathes DO</h1>
    <div class="container">
      <div class="row">  
        <div class="col-xs-12  col-sm-6 col-sm-offset-3">        
          <form id="loginform"  method="POST" action="https://www.osteopathe.do/search">
            <input type="hidden" name="_token" value="TVHN7tuRZOeIkRb1gRt3WarW9HwJQ38CW2BPi9zT">
            <div class="input-group input-group-lg">
                <input type="text"  name="ville" id="searchBox" placeholder="Veuillez indiquer une ville, ex: lille, marseille " class="form-control input-lg" />
                <div class="input-group-btn">
                   <button class="btn btn-danger" type="submit"><i class="fa fa-search"></i> Trouver </button>
                </div>
            </div>          
        </form>
        </div>
      </div>
    </div>
  </section>
  <!-- END BANNER SECTION -->

<!-- START Network SECTION -->
  <section id="network" class="col-xs-hidden">
    <div class="container">
      <div class="col-xs-12 col-sm-4">
          <div class="b2b-feature text-center">
              <img  class="center-block" src="/img/trouvez.png" alt="">
              <p> Trouvez un ostéopathe D.O </p>
          </div>
      </div>
      <div class="col-xs-12 col-sm-4">
        <div class="b2b-feature text-center">
              <img  class="img-circle center-block" src="/img/calendar.png" alt="">
              <p> Prenez RDV </p>
          </div>
      </div>
      <div class="col-xs-12 col-sm-4">
        <div class="b2b-feature text-center">
              <img  class="img-circle center-block" src="/img/happy.png" alt="">
              <p> Soyez Zen </p>
        </div>
      </div> 
    </div>
    
  </section>
  <!-- END Network SECTION -->

    <!-- START Blog SECTION -->
  <section id="blog" class="col-xs-hidden">
    <h2 class="text-center"> L'ostéopathie en bref </h2>
    <br>
    <div class="container">
      <div class="row">
        <div class="col-sm-3">
          <div class="col-sm-12 text-center">
            <img class="center-block img-fluid img-thumbnail" src="/img/osteopathie.jpg" alt="Qu'est-ce que l'ostéopathie ?">  
            <h3 class="text-center"> <a href="/blog/">Qu'est-ce que l'ostéopathie ?</a></h3> 
          </div>       
        </div>
        <div class="col-sm-3">
          <div class="col-sm-12 text-center">
            <img class="center-block img-thumbnail" src="/img/diplome-osteopathe.png" alt=" Que veut dire D.O ?">  
            <h3 class="text-center"> <a href="/blog/osteopathe-do/">Que veut dire D.O ? </a>  </h3>   
          </div>       
        </div>
        <div class="col-sm-3">
          <div class="col-sm-12 text-center">
            <img class="center-block img-fluid img-thumbnail" src="/img/remboursement.jpg" alt="Remboursement de l'ostéopathie">  
            <h3 class="text-center"> <a href="/blog/osteopathie-remboursement">Est-ce remboursé ?</a> </h3>
          </div>     
        </div>
        <div class="col-sm-3">
          <div class="col-sm-12 text-center">
            <img class="center-block img-fluid img-thumbnail" src="/img/family.jpg" alt=" Ostéopathe pour bébé">  
              <h3 ><a href="/blog/osteopathie-bebe/">Ostéopathie pour tous </a></h3>             
          </div>       
        </div>
      </div>
    </div>
  </section>
  <!-- END Blog SECTION -->

<!-- START Network SECTION -->
  <section id="network" class="col-xs-hidden">
    <h2 class="text-center"> Vous êtes ostéopathe D.O ?</h2>
    <div class="text-center">Découvrez nos services en ligne.</div>
    <div class="container">
      <div class="col-xs-12 col-sm-4">
          <div class="b2b-feature text-center">
              <img  class="center-block" src="/img/review.png" alt="">
              <p> SOYEZ VU </p>
          </div>
      </div>
      <div class="col-xs-12 col-sm-4">
        <div class="b2b-feature text-center">
              <img  class="img-circle center-block" src="/img/local-seo.png" alt="">
              <p> SOYEZ CHOISI</p>
          </div>
      </div>
      <div class="col-xs-12 col-sm-4">
        <div class="b2b-feature text-center">
              <img  class="img-circle center-block" src="/img/review.png" alt="">
              <p> SOYEZ RECOMMANDE </p>
        </div>
      </div> 
      <div class="text-center">
        <a href="https://pro.osteopathe.do" class="btn btn-warning btn-lg center" id="savoirPlus"> En savoir plus </a>    
      </div>
    </div>
    
  </section>

  <section id="cities" class="col-xs-hidden">
    <div class="container"> 
      <div class="row">
        <div class="col-sm-3">
          <h3> A propos </h3>
          <ul>
            <li>Vous êtes ostéopathe ?</li>
            <li>Notre concept</li>
            <li>Qui sommes-nous ?</li>
            <li>Recrutement</li>
            <li>Parrainage</li>
            <li>Confidentialité</li>
            <li>Presse</li>
            <li>Questions fréquentes</li>
            <li></li>
            <li></li>
          </ul>
        </div>
        <div class="col-sm-6">
          <h3>Nos régions</h3>
          <div class="col-sm-6">
             <ul>
                <li><a href="https://www.osteopathe.do/region/auvergne-rhone-alpes" class="text-white">Auvergne-Rhône-Alpes</a></li>
                <li><a href="https://www.osteopathe.do/region/bourgogne-franche-comte" class="text-white">Bourgogne-Franche-Comté</a></li>
                <li><a href="https://www.osteopathe.do/region/bretagne" class="text-white">Bretagne</a></li>
                <li><a href="https://www.osteopathe.do/region/centre-val-de-loire" class="text-white">Centre-Val-de-Loire</a></li>
                <li><a href="https://www.osteopathe.do/region/corse" class="text-white">Corse</a></li>
                <li><a href="https://www.osteopathe.do/region/grand-est" class="text-white">Grand-Est</a></li>
                <li><a href="https://www.osteopathe.do/region/hauts-de-france" class="text-white">Hauts-de-France</a></li>
                <li><a href="https://www.osteopathe.do/region/ile-de-france" class="text-white">Île-de-France</a></li>
                <li><a href="https://www.osteopathe.do/region/normandie" class="text-white">Normandie</a></li>
                <li><a href="https://www.osteopathe.do/region/occitanie" class="text-white">Occitanie</a></li>
                <li><a href="https://www.osteopathe.do/region/nouvelle-aquitaine" class="text-white">Nouvelle-Aquitaine</a></li>
                <li><a href="https://www.osteopathe.do/region/pays-de-la-loire" class="text-white">Pays-de-la-Loire</a></li>
                <li><a href="https://www.osteopathe.do/region/provence-alpes-cote-dazur" class="text-white">Provence-Alpes-Côte-d'Azur</a></li>
             </ul>
          </div>
          <div class="col-sm-6">
             <ul>
                <li> <a href="https://www.osteopathe.do/lyon" class="text-white">Lyon </a></li>
                <li> <a href="https://www.osteopathe.do/dijon" class="text-white">Dijon</a></li>
                <li><a href="https://www.osteopathe.do/rennes" class="text-white"> Rennes</a></li>
                <li><a href="https://www.osteopathe.do/orlean" class="text-white">Orlean</a></li>
                <li><a href="https://www.osteopathe.do/ajaccio" class="text-white">Ajaccio</a></li>
                <li><a href="https://www.osteopathe.do/strasbourg" class="text-white">Strasbourg</a></li>
                <li><a href="https://www.osteopathe.do/lille" class="text-white">Lille</a></li>
                <li><a href="https://www.osteopathe.do/paris" class="text-white">Paris</a></li>
                <li><a href="https://www.osteopathe.do/rouen" class="text-white">Rouen</a></li>
                <li><a href="https://www.osteopathe.do/toulouse" class="text-white">Toulouse</a></li>
                <li><a href="https://www.osteopathe.do/bordeaux" class="text-white">Bordeaux</a></li>
                <li><a href="https://www.osteopathe.do/nantes" class="text-white">Nantes</a></li>
                <li><a href="https://www.osteopathe.do/marseille" class="text-white">Marseille</a></li>
             </ul>            
          </div>
        </div>
        <div class="col-sm-3">
          <h3>Recherches fréquentes</h3>
          <ul>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
          </ul>
        </div>
      </div>
      
    </div>
  </section>
  <!-- END BLOG SECTION -->
  <section id="signature">
    <div class="container">
      <div class="row">
        <div class="col-sm-4" id="social-network"> 
          <a href="#" class="fa fa-facebook"></a>
          <a href="#" class="fa fa-linkedin"></a>
          <a href="#" class="fa fa-google-plus"></a>
          <a href="#" class="fa fa-twitter"></a>
        </div>
        <div class="col-sm-8" id="legals">
          <div class="col-sm-6">
            <p class="text-left">Copyright ©  2020 - I &#9829; D.O</p>
          </div>
          <div class="col-sm-6">
              <p class="text-right">        
                <a href="https://vienne.osteopathe.do" target="_blank">COF</a> -
                <a href="https://bayonne.osteopathe.do" target="_blank">ROF</a> -
                <a href="https://bouchain.osteopathe.do" target="_blank">SFDO</a> - 
                <a href="https://lens.osteopathe.do" target="_blank">UFOF</a> 
              </p>
          </div>
        </div>
        
      </div>
    </div>
  </section>  
   <!-- Including Bootstrap JS (with its jQuery dependency) so that dynamic components work -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?libraries=places&region=fr&key=AIzaSyCiCRKvuRd_TT5ijp8fE5-wt1m2rM3bZzI&callback=initMap" async defer type="text/javascript"></script>

    <script>
        function initMap() {
            var element = document.getElementById('searchBox');
            var options = {
                types: ['(cities)'],
                componentRestrictions: {country: "fr"}
            };

            if (element) {

                autocomplete = new google.maps.places.Autocomplete(
                        /** @type  {!HTMLInputElement} */(document.getElementById('searchBox')),
                         options);
            }

        }
    </script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-6813487-8"></script>

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-6813487-8');
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '307613903692833');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=307613903692833&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

  </body>
</html>