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

<head>

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

    <link rel="shortcut icon" href="img/volleyball_icon.png">

    <title>VVBL</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/bootstrap-social.css" rel="stylesheet">
    <link href="css/landing-page.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

    <!-- Custom CSS -->
    <link href="css/vvbl.css" rel="stylesheet">

    <!-- Google Analytics -->
    <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-62569619-1', 'auto');
      ga('send', 'pageview');

    </script>


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- inspiré de http://ironsummitmedia.github.io/startbootstrap-landing-page/#about et http://ironsummitmedia.github.io/startbootstrap-stylish-portfolio/#-->

</head>

<body >

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
        <div class="container topnav">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand topnav" href="#"><NAME></a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="#apropos">A propos</a>
                    </li>
                    <li>
                        <a href="#actus">Nos actus</a>
                    </li>
                    <li>
                        <a href="#photos">Photos</a>
                    </li>
                    <li>
                        <a href="#inscriptions">Inscriptions</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>


    <!-- Header -->
    <a name="intro"></a>
    <div class="intro-header">
        <div class="container">

            <div class="row">
                <div class="col-lg-12">
                    <div class="intro-message">
                        <h1>VVBL</h1>
                        <h3>Le <NAME> Vertou</h3>
                        <hr class="intro-divider">
                        <!--ul class="list-inline intro-social-buttons">
                            <li>
                                <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
                            </li>
                            <li>
                                <a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
                            </li>
                            <li>
                                <a href="#" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a>
                            </li>
                        </ul-->
                    </div>
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.intro-header -->

    <!-- Page Content -->

    <!-- slogan -->
    <!--section id="slogan" class="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <br/>
                    <h2>"Le sport est une évasion complète de la vie."</h2>

                    <p class="lead">Citation : <NAME></p>
                    <br/>
                </div>
            </div>
            <!-- /.row ->
        </div>
        <!-- /.container ->
    </section-->

    <!-- A propos -->
    <!-- The circle icons use Font Awesome's stacked icon classes. For more information, visit http://fontawesome.io/examples/ -->
    <section id="apropos" class="services bg-primary">
        <div class="container">
            <div class="row text-center">
                <div class="col-lg-10 col-lg-offset-1">
                    <h2>Qui sommes nous ?</h2>
                    <hr class="small">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-smile-o fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Loisir</strong>
                                </h4>
                                <p>Le principe est de jouer pour le plaisir, avec une bonne humeur, sans être trop orienté compét.</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-trophy fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Tournoi</strong>
                                </h4>
                                <p>Les matchs se font au sein du <a href="http://comite44volleyball.moonfruit.fr/#/loisirs/3250032">comité 44</a>, avec des clubs de la région nantaise. Les matches ont en général lieu le mardi ou jeudi de 20h30 à 23h.</p>
                                <!--a href="#" class="btn btn-light">Learn More</a-->
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-users fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Tous niveaux</strong>
                                </h4>
                                <p>Les 9 équipes permettent de jouer à chaque niveau. Des entrainements bénévoles le vendredi soir permettent de corriger vos défauts.</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-glass fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Bonne ambiance garantie</strong>
                                </h4>
                                <p>Si vous n'aimez pas rigoler, s'entre-aider et se faire plaisir, le club n'est pas là pour vous.</p>
                            </div>
                        </div>
                    </div>
                    <!-- /.row (nested) -->
                </div>
                <!-- /.col-lg-10 -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>


	<a  name="actus"></a>



    <!-- actus -->
    <section id="actus" class="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <br/>
                    <h2>Nos Actualités :</h2>
                    <br/>
                </div>
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>

    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img class="first-slide img-responsive center-block" src="img/bannier tournoi.jpg" alt="First slide center-block">
          <div class="container">
            <div class="carousel-caption">
              <h1>Tournoi inter-entreprises.</h1>
              <p>Le vendredi 20 mars 2015 s'est déroulé le tournoi entre 12 équipes. Bravo à tous.</p>
              <p><a class="btn btn-lg btn-primary" href="ressources/Affiche-Tournoi_OK.pdf" role="button"><span class="glyphicon glyphicon-file"></span> Voir le PDF</a>
              <a class="btn btn-lg btn-primary" href="https://www.flickr.com/photos/109010817@N08/sets/72157651067347438/" role="button"><span class="glyphicon glyphicon-picture"></span> Voir les photos</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img class="second-slide img-responsive center-block" src="img/photographe-professionnel-montreal.jpg" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Partagons nos photos.</h1>
              <p>Bientôt un espace en ligne pour partager nos photos.</p>
              <p><a class="btn btn-lg btn-primary" href="#photos" role="button">Accédez à l'espace photo</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img class="third-slide img-responsive center-block" src="img/site_web.jpg" alt="Third slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Un nouveau site web.</h1>
              <p>On espère que ce nouveau site beaucoup plus moderne et à jour vous plaira.</p>
            </div>
          </div>
        </div>
        <div class="item">
          <img class="forth-slide img-responsive center-block" src="img/facebook-emplois-france-78000-2014.jpg" alt="Forth slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Rejoignez VVBL sur Facebook.</h1>
              <p>Cette page Facebook vous permet d'être au courant des actualités et de rejoindre la communauté VVBL en ligne.</p>
              <p><a class="btn btn-lg btn-primary " href="http://www.facebook.com/vvbl44" role="button"><span class="glyphicon glyphicon-thumbs-up"></span> Accédez à notre page Facebook</a></p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div><!-- /.carousel -->


    <a  name="photos"></a>
    <div class="content-section-a">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-sm-6">
                    <hr class="section-heading-spacer">
                    <div class="clearfix"></div>
                    <h2 class="section-heading">Photos</h2>
                    <p class="lead">Voici quelques photos des moments forts de l'année. N'hésitez pas à nous proposer vos photos pour en référencer de nouvelles.</p>
                </div>

<!-- <div class="col-sm-4">
    <a href="#">
        <img src="images/upload/projects/21/wolf.jpg" class="img-responsive" alt="" />
        <div class="desc">
            <p class="desc_content">The pack, the basic unit of wolf social life.</p>
        </div>
    </a>
</div>

<div class="col-sm-4">
    <a href="#">
        <img src="img/tournoi2015.jpg" class="img-responsive" alt="">
        <div class="desc">
            <p class="desc_content">The pack, the basic unit of wolf social life.</p>
        </div>
    </a>
</div> -->

                <div class="col-lg-3 col-lg-offset-1 col-sm-6">
                    <a href="https://www.facebook.com/media/set/?set=a.1394439427548582.1073741828.1391150394544152&type=1" class="tip" title="Les équipes"><img class="img-responsive img-thumbnail" src="img/VVBL 4 - min.JPG" alt="Les équipes" style="width:250px">
                    <p class="lead">Photos des équipes</p></a>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <a href="https://www.flickr.com/photos/109010817@N08/sets/72157651067347438/" class="tip" title="Le tournoi" ><img class="img-responsive img-thumbnail" src="img/tournoi2015.jpg" alt="Le tournoi" style="width:250px">
                    <p class="lead">Tournoi inter-entreprises</p></a>
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.content-section-a -->


    <!--a  name="photos"></a>
    <div class="content-section-b">

        <div class="container">


                    <div class="row">
                        <div class="col-md-6">
                            <div class="portfolio-item">
                                <a href="#">
                                    <img class="img-portfolio img-responsive" src="img/VVBL 4.JPG">
                                </a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="portfolio-item">
                                <a href="#">
                                    <img class="img-portfolio img-responsive" src="img/volleyball-general-reuters-.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="portfolio-item">
                                <a href="#">
                                    <img class="img-portfolio img-responsive" src="img/Volleyball_Images_th.JPG">
                                </a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="portfolio-item">
                                <a href="#">
                                    <img class="img-portfolio img-responsive" src="img/Volleyball_Images_th.JPG">
                                </a>
                            </div>
                        </div>
                    </div>

              <p><a class="btn btn-lg btn-primary" href="#" role="button">Toutes les photos</a></p>


        </div>

    </div-->
    <!-- /.content-section-b -->

    <a name="inscriptions"></a>
    <div class="content-section-b">

        <div class="container">

            <div class="row">
                <div class="col-lg-5 col-sm-6 col-lg-offset-1 col-sm-push-6 ">
                    <hr class="section-heading-spacer">
                    <div class="clearfix"></div>
                    <h2 class="section-heading">Inscriptions</h2>
                    <p class="lead">Les inscriptions pour la saison 2015-2016 démarrent en juin.<br/>
                        Les documents à fournir (version 2014-2015) :
                        <ul>
                            <li><a href="ressources/VVBL_2014_Inscription.doc">la fiche d'inscription</a></li>
                            <li>un chèque de 65€ à l'ordre de Vertou Volley Ball Loisirs</li>
                            <li>un certificat médical pour la pratique du volley ball y compris en compétition</li>
                            <li>copie d'une piéce d'identité (pour la premiére inscription)</li>
                            <li><a href="Formulaire-licences-14_15-Définitif.pdf">le formulaire de demande de licence</a></li>
                        </ul>
                    </p>
                </div>
                <div class="col-lg-5 col-sm-pull-6 col-sm-6">
                    <img class="img-responsive" src="img/inscription2.jpg" alt="">
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.content-section-b -->


	<a  name="contact"></a>
    <div class="banner">

        <div class="container">

            <div class="row">
                <div class="col-lg-6">
                    <h2>Nous contacter:</h2>
                </div>
                <div class="col-lg-6">
                    <ul class="list-inline banner-social-buttons">
                        <li>
                            <a href="mailto:<EMAIL>" class="btn btn-default btn-lg"><i class="fa fa-envelope-o fa-fw"></i> <span class="network-name">Email</span></a>
                        </li>
                        <li>
                            <button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#telephoneModal"><i class="fa fa-phone fa-fw"></i> <span class="network-name">Telephone</span></button>
                        </li>
                        <li>
                            <a href="http://www.facebook.com/vvbl44" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.banner -->


    <!-- Modal -->
    <div class="modal fade" id="telephoneModal" tabindex="-1" role="dialog" aria-labelledby="telephoneModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Coordonnées téléphoniques</h4>
          </div>
          <div class="modal-body">
            <ul>
                <li>Pour renseignement pour une nouvelle inscription : <NAME> au 06 03 81 55 22.</li>
                <li>Pour tout autre renseignement : <NAME> au 02 40 33 29 01 ou 06 07 46 45 91</li>
            </ul>
            Merci de privilégier l'<a href="mailto:<EMAIL>">email</a> pour tout ce qui n'est pas urgent.
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal">Fermer</button>
          </div>
        </div>
      </div>
    </div>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <ul class="list-inline">
                        <li>
                            <a href="#">Accueil</a>
                        </li>
                        <li class="footer-menu-divider">&sdot;</li>
                        <li>
                            <a href="#apropos">A propos</a>
                        </li>
                        <li class="footer-menu-divider">&sdot;</li>
                        <li>
                            <a href="#actus">Nos actus</a>
                        </li>
                        <li class="footer-menu-divider">&sdot;</li>
                        <li>
                            <a href="#inscriptions">Inscriptions</a>
                        </li>
                    </ul>
                    <p class="copyright text-muted small">Copyright &copy; <NAME> 2015. All Rights Reserved</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>


</body>

</html>
<commit_msg>Correction faute d'orthographes<commit_after><!DOCTYPE html>
<html lang="fr">

<head>

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

    <link rel="shortcut icon" href="img/volleyball_icon.png">

    <title>VVBL</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/bootstrap-social.css" rel="stylesheet">
    <link href="css/landing-page.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

    <!-- Custom CSS -->
    <link href="css/vvbl.css" rel="stylesheet">

    <!-- Google Analytics -->
    <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-62569619-1', 'auto');
      ga('send', 'pageview');

    </script>


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- inspiré de http://ironsummitmedia.github.io/startbootstrap-landing-page/#about et http://ironsummitmedia.github.io/startbootstrap-stylish-portfolio/#-->

</head>

<body >

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
        <div class="container topnav">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand topnav" href="#">Le Volley Loisir à Vertou</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="#apropos">A propos</a>
                    </li>
                    <li>
                        <a href="#actus">Nos actus</a>
                    </li>
                    <li>
                        <a href="#photos">Photos</a>
                    </li>
                    <li>
                        <a href="#inscriptions">Inscriptions</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>


    <!-- Header -->
    <a name="intro"></a>
    <div class="intro-header">
        <div class="container">

            <div class="row">
                <div class="col-lg-12">
                    <div class="intro-message">
                        <h1>VVBL</h1>
                        <h3>Le Volley Loisir à Vertou</h3>
                        <hr class="intro-divider">
                        <!--ul class="list-inline intro-social-buttons">
                            <li>
                                <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
                            </li>
                            <li>
                                <a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
                            </li>
                            <li>
                                <a href="#" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a>
                            </li>
                        </ul-->
                    </div>
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.intro-header -->

    <!-- Page Content -->

    <!-- slogan -->
    <!--section id="slogan" class="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <br/>
                    <h2>"Le sport est une évasion complète de la vie."</h2>

                    <p class="lead">Citation : <NAME></p>
                    <br/>
                </div>
            </div>
            <!-- /.row ->
        </div>
        <!-- /.container ->
    </section-->

    <!-- A propos -->
    <!-- The circle icons use Font Awesome's stacked icon classes. For more information, visit http://fontawesome.io/examples/ -->
    <section id="apropos" class="services bg-primary">
        <div class="container">
            <div class="row text-center">
                <div class="col-lg-10 col-lg-offset-1">
                    <h2>Qui sommes nous ?</h2>
                    <hr class="small">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-smile-o fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Loisir</strong>
                                </h4>
                                <p>Le principe est de jouer pour le plaisir, avec une bonne humeur, sans être trop orienté compét.</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-trophy fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Tournoi</strong>
                                </h4>
                                <p>Les matches se font au sein du <a href="http://comite44volleyball.moonfruit.fr/#/loisirs/3250032">comité 44</a>, avec des clubs de la région nantaise. Les matches ont en général lieu le mardi ou jeudi de 20h30 à 23h.</p>
                                <!--a href="#" class="btn btn-light">Learn More</a-->
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-users fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Tous niveaux</strong>
                                </h4>
                                <p>Les 9 équipes permettent de jouer à chaque niveau. Des entrainements bénévoles le vendredi soir permettent de corriger vos défauts.</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-glass fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Bonne ambiance garantie</strong>
                                </h4>
                                <p>Si vous n'aimez pas rigoler, s'entre-aider et se faire plaisir, le club n'est pas là pour vous.</p>
                            </div>
                        </div>
                    </div>
                    <!-- /.row (nested) -->
                </div>
                <!-- /.col-lg-10 -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>


	<a  name="actus"></a>



    <!-- actus -->
    <section id="actus" class="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <br/>
                    <h2>Nos Actualités :</h2>
                    <br/>
                </div>
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>

    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img class="first-slide img-responsive center-block" src="img/bannier tournoi.jpg" alt="First slide center-block">
          <div class="container">
            <div class="carousel-caption">
              <h1>Tournoi inter-entreprises.</h1>
              <p>Le vendredi 20 mars 2015 s'est déroulé le tournoi entre 12 équipes. Bravo à tous.</p>
              <p><a class="btn btn-lg btn-primary" href="ressources/Affiche-Tournoi_OK.pdf" role="button"><span class="glyphicon glyphicon-file"></span> Voir le PDF</a>
              <a class="btn btn-lg btn-primary" href="https://www.flickr.com/photos/109010817@N08/sets/72157651067347438/" role="button"><span class="glyphicon glyphicon-picture"></span> Voir les photos</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img class="second-slide img-responsive center-block" src="img/photographe-professionnel-montreal.jpg" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Partagons nos photos.</h1>
              <p>Bientôt un espace en ligne pour partager nos photos.</p>
              <p><a class="btn btn-lg btn-primary" href="#photos" role="button">Accédez à l'espace photo</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img class="third-slide img-responsive center-block" src="img/site_web.jpg" alt="Third slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Un nouveau site web.</h1>
              <p>On espère que ce nouveau site beaucoup plus moderne et à jour vous plaira.</p>
            </div>
          </div>
        </div>
        <div class="item">
          <img class="forth-slide img-responsive center-block" src="img/facebook-emplois-france-78000-2014.jpg" alt="Forth slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Rejoignez VVBL sur Facebook.</h1>
              <p>Cette page Facebook vous permet d'être au courant des actualités et de rejoindre la communauté VVBL en ligne.</p>
              <p><a class="btn btn-lg btn-primary " href="http://www.facebook.com/vvbl44" role="button"><span class="glyphicon glyphicon-thumbs-up"></span> Accédez à notre page Facebook</a></p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div><!-- /.carousel -->


    <a  name="photos"></a>
    <div class="content-section-a">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-sm-6">
                    <hr class="section-heading-spacer">
                    <div class="clearfix"></div>
                    <h2 class="section-heading">Photos</h2>
                    <p class="lead">Voici quelques photos des moments forts de l'année. N'hésitez pas à nous proposer vos photos pour en référencer de nouvelles.</p>
                </div>

<!-- <div class="col-sm-4">
    <a href="#">
        <img src="images/upload/projects/21/wolf.jpg" class="img-responsive" alt="" />
        <div class="desc">
            <p class="desc_content">The pack, the basic unit of wolf social life.</p>
        </div>
    </a>
</div>

<div class="col-sm-4">
    <a href="#">
        <img src="img/tournoi2015.jpg" class="img-responsive" alt="">
        <div class="desc">
            <p class="desc_content">The pack, the basic unit of wolf social life.</p>
        </div>
    </a>
</div> -->

                <div class="col-lg-3 col-lg-offset-1 col-sm-6">
                    <a href="https://www.facebook.com/media/set/?set=a.1394439427548582.1073741828.1391150394544152&type=1" class="tip" title="Les équipes"><img class="img-responsive img-thumbnail" src="img/VVBL 4 - min.JPG" alt="Les équipes" style="width:250px">
                    <p class="lead">Photos des équipes</p></a>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <a href="https://www.flickr.com/photos/109010817@N08/sets/72157651067347438/" class="tip" title="Le tournoi" ><img class="img-responsive img-thumbnail" src="img/tournoi2015.jpg" alt="Le tournoi" style="width:250px">
                    <p class="lead">Tournoi inter-entreprises</p></a>
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.content-section-a -->


    <!--a  name="photos"></a>
    <div class="content-section-b">

        <div class="container">


                    <div class="row">
                        <div class="col-md-6">
                            <div class="portfolio-item">
                                <a href="#">
                                    <img class="img-portfolio img-responsive" src="img/VVBL 4.JPG">
                                </a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="portfolio-item">
                                <a href="#">
                                    <img class="img-portfolio img-responsive" src="img/volleyball-general-reuters-.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="portfolio-item">
                                <a href="#">
                                    <img class="img-portfolio img-responsive" src="img/Volleyball_Images_th.JPG">
                                </a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="portfolio-item">
                                <a href="#">
                                    <img class="img-portfolio img-responsive" src="img/Volleyball_Images_th.JPG">
                                </a>
                            </div>
                        </div>
                    </div>

              <p><a class="btn btn-lg btn-primary" href="#" role="button">Toutes les photos</a></p>


        </div>

    </div-->
    <!-- /.content-section-b -->

    <a name="inscriptions"></a>
    <div class="content-section-b">

        <div class="container">

            <div class="row">
                <div class="col-lg-5 col-sm-6 col-lg-offset-1 col-sm-push-6 ">
                    <hr class="section-heading-spacer">
                    <div class="clearfix"></div>
                    <h2 class="section-heading">Inscriptions</h2>
                    <p class="lead">Les inscriptions pour la saison 2015-2016 démarrent en juin.<br/>
                        Les documents à fournir (version 2014-2015) :
                        <ul>
                            <li><a href="ressources/VVBL_2014_Inscription.doc">la fiche d'inscription</a></li>
                            <li>un chèque de 65€ à l'ordre de Vertou Volley Ball Loisirs</li>
                            <li>un certificat médical pour la pratique du volley ball y compris en compétition</li>
                            <li>copie d'une piéce d'identité (pour la premiére inscription)</li>
                            <li><a href="Formulaire-licences-14_15-Définitif.pdf">le formulaire de demande de licence</a></li>
                        </ul>
                    </p>
                </div>
                <div class="col-lg-5 col-sm-pull-6 col-sm-6">
                    <img class="img-responsive" src="img/inscription2.jpg" alt="">
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.content-section-b -->


	<a  name="contact"></a>
    <div class="banner">

        <div class="container">

            <div class="row">
                <div class="col-lg-6">
                    <h2>Nous contacter:</h2>
                </div>
                <div class="col-lg-6">
                    <ul class="list-inline banner-social-buttons">
                        <li>
                            <a href="mailto:<EMAIL>" class="btn btn-default btn-lg"><i class="fa fa-envelope-o fa-fw"></i> <span class="network-name">Email</span></a>
                        </li>
                        <li>
                            <button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#telephoneModal"><i class="fa fa-phone fa-fw"></i> <span class="network-name">Telephone</span></button>
                        </li>
                        <li>
                            <a href="http://www.facebook.com/vvbl44" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.banner -->


    <!-- Modal -->
    <div class="modal fade" id="telephoneModal" tabindex="-1" role="dialog" aria-labelledby="telephoneModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Coordonnées téléphoniques</h4>
          </div>
          <div class="modal-body">
            <ul>
                <li>Pour renseignement pour une nouvelle inscription : <NAME> au 06 03 81 55 22.</li>
                <li>Pour tout autre renseignement : <NAME> au 02 40 33 29 01 ou 06 07 46 45 91</li>
            </ul>
            Merci de privilégier l'<a href="mailto:<EMAIL>">email</a> pour tout ce qui n'est pas urgent.
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal">Fermer</button>
          </div>
        </div>
      </div>
    </div>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <ul class="list-inline">
                        <li>
                            <a href="#">Accueil</a>
                        </li>
                        <li class="footer-menu-divider">&sdot;</li>
                        <li>
                            <a href="#apropos">A propos</a>
                        </li>
                        <li class="footer-menu-divider">&sdot;</li>
                        <li>
                            <a href="#actus">Nos actus</a>
                        </li>
                        <li class="footer-menu-divider">&sdot;</li>
                        <li>
                            <a href="#inscriptions">Inscriptions</a>
                        </li>
                    </ul>
                    <p class="copyright text-muted small">Copyright &copy; <NAME> 2015. All Rights Reserved</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>


</body>

</html>

{'fraction_non_alphanumeric': 0.16049495665698404, 'fraction_numerical': 0.016330825004002653, 'mean_word_length': 1.3606716699962205, 'pattern_counts': {'":': 0, '<': 1189, '<?xml version=': 0, '>': 1189, 'https://': 14, 'lorem ipsum': 0, 'www.': 12, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 62, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7404828', 'n_tokens_mistral': 13249, 'n_tokens_neox': 12221, 'n_words': 2578}