<!DOCTYPE html>
<html>
<head>
    <meta name= "author" content="Sophia">
    <meta charset="UTF-8">
    <title>Piano Intéractif</title>
        
    <link rel="stylesheet" href="style.css">   <!--Utiliser le fichier css-->

</head>

<!--La barre d'outil pour les liens vers les autres sites-->
<body>
    <header>
	<div class="Accueil">
        <div>
<div class="flex-container"> <!--permettre de mettre en place horizontalement la barre d'outil-->
<div class="flex-item"><li><a href="index.html"> <font size=5> <FONT color="white">{ Accueil }</FONT></FONT></a></li></div> 
<div class="flex-item"><li><a href="desc.html"><font size=5><FONT color="white">{ Description }</FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="piano.html"><font size=5><FONT color="white">{ Piano } </FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="detail.html"><font size=5><FONT color="white">{ Details } </FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="plus.html"><font size=5><FONT color="white">{ Plus } </FONT></FONT></a></li></div>

    </div>
</header>

<!--le titre-->

<section>
   <center><i><font size=9>------Piano <span>Intéractif------</span></font></i></center>
    </div> 
</section>


<!--Un lien pour télécharger les sons-->
<section><!--download="" c'est le noms nommé au fichier lorsque il set télécharger-->
<center><a href="download.zip"download="pianointeractif"><font size=4><FONT color="white">Veuillez me télécharger avant de commencer</FONT></font></a></center>
</section>


<!--Texte-->

<p><center> musique de fond : Gymnopédie n°1 par Erik Satie</center><p>
    <center><i>Sophia et Assia 2021</center>

<!--Texte et gif-->
    <img src="musique.gif"alt="~" width="250" height="250"> <img src="musique.gif"alt="~" width="250" height="250"style= "position:absolute;left:76%;" >
   <center> <p> <i> Le piano est un instrument qui n'est pas forcément accesible 
pour tout le monde. Le piano interactif que nous avons programmé à été crée
afin que vous puissiez jouer du piano n'importe où (si vous avez 
accès à internet.) </p> </center>

<!--Ajout et affichage de la musique de fond pour que il soit arrêtable pour l'utilisateur-->
<center>Pour stopper la musique de fond cliquer en bas</center>
<center><iframe height="100" width="500" src="fond.mp3"frameborder="500"allowfullscreen</iframe></center>



</body>
</html>