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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <link rel="shortcut icon" href="../images/logo_tab.png">
  
  <title>Tarifs</title>
  
  <link href='https://fonts.googleapis.com/css?family=Nunito:400,700' rel='stylesheet' type='text/css'>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/css/swiper.min.css" rel="stylesheet" />
  <link href="../css/pricing.css" rel="stylesheet" />
  
  <meta property="og:url" content="https://www.v01.co/fr/index.html" />
  <meta property="og:title" content="v01" />
  <meta property="og:description" content="v01 permet à des Teams d'étudiants de créer de superbes Produits pour de futures Startup. Chaque Teams a son propre site web professionnel pour accueillir des Believers et réaliser des Pré-ventes." />
  <meta property="og:site_name" content="v01">
  <meta property="og:type" content="website" />
  <meta property="og:image" content="../images/preview.png" />
  <meta property="og:locale" content="fr_FR" />
  <meta name="description" content="v01 permet à des Teams d'étudiants de créer de superbes Produits pour de futures Startup. Chaque Teams a son propre site web professionnel pour accueillir des Believers et réaliser des Pré-ventes.">
  
  <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>  
  <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-75071032-1', 'auto');
      ga('send', 'pageview');
  </script>
</head>

<body>
  
  <div class="global-container">
   
    <div class="register-container content-with-footer">
      <div id="header" class="navigation white-navigation">
        <div class="navigation-content">
          <a href="index.html" class="logo-container">
            <img id="black-logo" class="super-company-logo" alt="black-logo" src="../images/logo_black.png" />
            <img id="white-logo" class="super-company-logo" alt="white-logo" src="../images/logo_white.png" />
          </a>
          <a class="navigation-link" href="#"></a>
        <a class="navigation-link" href="#"></a>
        <a class="navigation-link" href="#"></a>
        <a class="navigation-link" href="#"></a>
        <a class="navigation-link" href="v01-teams.html">Teams v01</a>
        <a class="navigation-link" href="features.html">Fonctionnalités</a>
        <a class="navigation-link" href="pricing.html" style="opacity: 0.5;">Tarifs</a>
        <a class="navigation-link" href="../pricing.html">EN</a>
        <a class="navigation-link" href="../es/pricing.html">ES</a>
        <a class="navigation-link" href="#"></a>
        <a class="navigation-link" href="#"></a>
        <a class="navigation-link" href="#"></a>
          <a class="navigation-link header-blog-link" href="#" target="_blank"></a>
          <a id="header-apply" tabindex="-1" class="ctabutton-container" href="start.html">
            Commencer
          </a>
          <a class="navigation-menu-icon" href="#">
            <span class="navigation-icon-lines"></span>
          </a>
        </div>
      </div>
      <div class="navigation-menu">
        <a class="navigation-item" href=""></a>
        <a class="navigation-item" href=""></a>
        <a class="navigation-item" href=""></a>
        <a class="navigation-item" href=""></a>
        <a class="navigation-item" href="v01-teams.html">Teams v01</a>
        <a class="navigation-item" href="features.html">Fonctionnalités</a>
        <a class="navigation-item" href="pricing.html" style="opacity: 0.5;">Tarifs</a>
        <a class="navigation-item" href="start.html">Commencer</a>
        <a class="navigation-item" href="../pricing.html">EN</a>
        <a class="navigation-item" href="../es/pricing.html">ES</a>
        <a class="navigation-item" href=""></a>
        <a class="navigation-item" href=""></a>
        <a class="navigation-item" href=""></a>
        <a class="navigation-item header-blog-link" href="#" target="_blank"></a>
      </div>
      
      <div class="swiper-wrapper">
        
        <div id="slide1" class="swiper-slide dark-slide">
          <div class="dark-slide-content">
            <div class="signup-text">
              <h1 id='title1_db_fr'></h1>
              <div class="signup-text-content" style="text-align: left;">
                <p id='text11_db_fr'></p>
                <ul>
                    <li><p id='text12_db_fr'></p></li>
                    <li><p id='text13_db_fr'></p></li>
                    <li><p id='text14_db_fr'></p></li>
                    <li><p id='text15_db_fr'></p></li>
                </ul> 
              </div>
              <a tabindex="-1" id="notifyme" target="_blank" class="ctabutton-container" href="start.html">Essayer</a>
              <a tabindex="-1" id="createAccountLink" tabindex="-1" href="#">
              </a>
            </div>
          </div>
          </div>

      </div>
      
      <div class="parallax-bg registration-background" data-swiper-parallax="-23%"></div>
      <div class="form-commands-container">
        <a tabindex="-1" id="form-previous" class="blue-link" href="#">Previous</a>
        <a tabindex="-1" id="form-next" class="blue-link" href="#">Next</a>
        <div id="commands-spinner" class="spinner">
          <div class="bounce1"></div>
          <div class="bounce2"></div>
          <div class="bounce3"></div>
        </div>
      </div>
    </div>
    <div class="footer">
    
      <div class="footer-links">
          
        <p class="footer-link-container">
          <a tabindex="-1" id="contact-link" target="_blank" class="footer-link" href="contact.html">Contact</a>
          <a tabindex="-1" id="faq-link" target="_blank" class="footer-link" href="faq.html">FAQ</a>
          <a tabindex="-1" id="privacy-link" target="_blank" class="" href="#"></a>
          <a tabindex="-1" id="terms-link" target="_blank" class="" href="#"></a>
        </p>
          
        <p class="copyright-text">
          &copy; 2016 v01
        </p>
                    
      </div>
          
      <div class="footer-logos">
        <a tabindex="-1" id="footer-twitter" class="twitter-logo" href="https://twitter.com/v01co" target="_blank"></a>
        <a tabindex="-1" id="footer-linkedin" class="linkedin-logo" href="https://www.linkedin.com/company/v01" target="_blank"></a>
        <a tabindex="-1" id="footer-facebook" class="facebook-logo" href="https://www.facebook.com/v01co/" target="_blank"></a>
      </div>
    
    </div>
  </div>
  <div id="cookies-banner">
    <div class="cookies-text">
      Nous utilisons des cookies pour mesurer le trafic.
    </div>
    <button id="cookies-accept">OK</button>
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.min.js"></script>
  <script>if (typeof Swiper === 'undefined') {
    document.write(unescape("%3Cscript src='js/local/Swiper/3.3.1/js/swiper.min.js' type='text/javascript'%3E%3C/script%3E"));
  }</script>
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script>  window.jQuery || document.write('<script src="../js/local/jquery/2.1.4/jquery.min.js"><\/script>')</script>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.min.js"></script>
  <script src="../js/pricing.js"></script>
  <script src="https://www.google.com/recaptcha/api.js" async defer></script>

  <script>
    var myDataRef = new Firebase('https://v01-db.firebaseio.com/www/pricing');
    myDataRef.on('child_added', function(snapshot) {
        var content = snapshot.val();
        displayContent(content.title1_db_fr, content.text11_db_fr,
                                             content.text12_db_fr,
                                             content.text13_db_fr,
                                             content.text14_db_fr,
                                             content.text15_db_fr);
    });
    function displayContent(title1_db_fr, text11_db_fr,
                                          text12_db_fr,
                                          text13_db_fr,
                                          text14_db_fr,
                                          text15_db_fr) {
        $('<div/>').text(title1_db_fr).appendTo($('#title1_db_fr'));
        $('<div/>').text(text11_db_fr).appendTo($('#text11_db_fr'));
        $('<div/>').text(text12_db_fr).appendTo($('#text12_db_fr'));
        $('<div/>').text(text13_db_fr).appendTo($('#text13_db_fr'));
        $('<div/>').text(text14_db_fr).appendTo($('#text14_db_fr'));
        $('<div/>').text(text15_db_fr).appendTo($('#text15_db_fr'));
    };
  </script>
</body>


</html>