Untitled

<!DOCTYPE html>
<html>
<head>
	<title>Projet Isn 2017-2018</title><link rel="stylesheet" href="membres.css">
		<link href="https://fonts.googleapis.com/css?family=Quicksand:500" rel="stylesheet">
		<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
<header>


            <div>
                <nav>

                    <div class="titre"> Clavier musical</div>
                    <ul>
                        <li><a href="PageV1.html" >Acceuil</a></li>
                    <li><a href="avancement.html">Avancement</a></li>
                    <li><a href="CdcV1.html">Cahier des charges</a></li>
                    <li><a href="membres.html">Membres</a></li>
                    <li><a href="telechargement.html">Telechargement/Astuces</a></li>
                    </ul>                </nav>
            </header>


<div class="membres">
<ul>
  <li><div class="carte1">
     <img src="images/tete1.png" alt="Quentin" style="width:100%">
  <h1>Quentin Bosc</h1>
  <p class="title">Createur du site</p>
  <p>Lycée touchard</p>

  <p><button><a href="mailto:mailto:toi@gmail.com">Contact</a></button></p>
</div>
</li>
<li>
<div class="carte2">
      <img src="images/tete2.png" alt="John" style="width:100%">
  <h1>Geoffrey Beranger</h1>
  <p class="title"> Développeur processing/java</p>
  <p>Lycée touchard</p>

  <p><button><a href="mailto:mailto:toi@gmail.com">Contact</a></button></p>
</div>
</li>
<li>
<div class="carte3">
      <img src="images/tete3.png" alt="John" style="width:100%">
  <h1>Matthias Wyss</h1>
  <p class="title">Développeur processing/java</p>
  <p>Lycée touchard</p>

  <p><button>
    <a href="mailto:mailto:toi@gmail.com">Contact</a> </button></p>
</div>
</li>
</ul>
</div>


             <script type="text/javascript">


        // Scrolling Effect
        $(window).on("scroll", function() {
        if($(window).scrollTop()) {
        $('nav').addClass('black');
        }
        else {
        $('nav').removeClass('black');
        }
        })
        </script>
        <footer>
                <p> Site fait par Quentin Bosc sous
                    <a href="https://creativecommons.org/licenses/by-nc/2.0/fr/"> licenses CreativeCommons (CC BY-NC 2.0 FR)  </a>
                </p>
                <img src="images/cc-by-nc-sa.png" />
            </footer>
</body>
</html>