<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
		<title>fantasticode</title>	
        <meta description="Nous apprenons à programmer à des fantasticodeuses et fantasticodeurs de 4 à 128 ans">
        <meta http-equiv="X-UA-Compatible" content="IE=10">
        <meta name="viewport" content="width=device-width">
        <meta name="viewport" content="initial-scale=1.0">
        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Source+Code+Pro' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/style.css">
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
        <link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png" />
        <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
        <link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png" />
        <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
        <link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png" />
        <link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png" />
        <link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png" />                
    </head>
    <body>
        <header>
            <h1><img src="images/fantasticode.png" alt="" width="383"></h1>
            <h2>Nous apprenons à programmer à des fantasticodeuses et fantasticodeurs de 4 à 128 ans.</h2>
        </header>
        <div class="news">
            <a href="formation.html">Notre formation d'animateurs</a><br><br>
            <div>Les mercredis du code : c'est pour les enfants et les ados, 1h30 chaque mercredi, contactez <a href="https://gsa05.fr/fr/gsa-05/contacts" target="_blank">Gap Sciences Animation</a></div>
            <a href="club.html"></a><br><br>
        </div>
        <div class="row why">
            <div class="dot">
                <h3>Pourquoi ?</h3>
            </div>
            <div class="text">
                <p class="because">Apprendre à coder, c'est apprendre </p>
                <p class="because">
                à apprendre <br>
                à partager <br>
                à collaborer <br>
                à créer <br>
                à innover <br>
                à découvrir <br>
                à mieux appréhender notre monde numérique <br>
                et tout ça en s'amusant !</p>
            </div>
            <div class="illustration">
                <a href="images/pourquoi.png"><img src="images/pourquoi.png" alt="Pourquoi apprendre à coder ?"></a>
            </div>
        </div>
        <div class="row how">
            <div class="text">
                <p>Dans les écoles, dans les centres sociaux, en entreprise, nous organisons des formations, des coding goûters, des coding dojos, etc. Tous les moyens sont bons ! <br>
            Nous formons les animateurs et nous leur fournissons une "boîte à outils" pour que, à leur tour, ils puissent apprendre aux enfants à coder.<br>
            Nos fantasticoutils : khanacademy, codecademy, arduino, etc. mais aussi des jeux où l'on n'utilise pas d'ordinateur ! 
                </p>
            </div>
           <div class="dot">
                <h3>Comment ?</h3>
            </div>
        </div>  
        <div class="about">
            <h3>Qui sommes nous ?</h3>
            <p>Des passionnés qui unissent leurs fantasticompétences, dans les Hautes-Alpes :</p>
            Marie, lycéenne - Céline, UX designer - Emilie, animatrice - Fabienne, chargée de développement numérique - Nicolas, ingénieur en électronique - Xavier, accompagnateur en montagne, éducateur à l'environnement et photographe - Benoit, développeur et spécialiste en sécurité - Thierry, développeur agile - <a href="http://www.adrets-asso.fr" target="_blank">l'ADRETS</a>.
        </div>
        <br><br>
        <footer>
            Contact : <img src="images/mail.png" alt="codeur at fantasticode.fr" class="mail"><br><br>
            Suivez nous sur <a href="https://www.facebook.com/pages/Fantasticode/1622839911269809" target="_blank">facebook</a> et <a href="https://twitter.com/fantasticodeur" target="_blank">twitter</a> !
            <p>Nous publions aussi sur <a href="https://medium.com/fantasticode" target="_blank">Medium</a>.</p>
        </footer>
        <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-61957525-1', 'auto');
          ga('send', 'pageview');

        </script>        
    </body>
</html>