Nos partenaires et nous-mêmes utilisons différentes technologies, telles que les cookies, pour personnaliser les contenus et les publicités, proposer des fonctionnalités sur les réseaux sociaux et analyser le trafic. Merci de cliquer sur le bouton ci-dessous pour donner votre accord. Vous pouvez changer d’avis et modifier vos choix à tout moment. Informations RGPD
<!DOCTYPE html> <html> <head> <!--Import materialize.css--> <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen"/> <link type="text/css" rel="stylesheet" href="css/style.css" media="screen"/> <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" /> <title>STUDIO BL</title> <!--Let browser know website is optimized for mobile--> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> </head> <body> <header> <!-- Bar de menu supérieur --> <nav class="grey darken-3"> <div class="nav-wrapper container"> <!-- Titre --> <a href="./index.html" class="brand-logo center pixellari hide-on-small-only">Playlist</a> <!-- Activation du menu laterale sur mobile --> <a href="#" data-activates="menu-lateral" class="button-collapse"><i class="material-icons">menu</i></a> </div> </nav> <!-- Menu latérale --> <ul id="menu-lateral" class="side-nav fixed z-depth-3"> <li style="height: 300px;"><br><a id="logo" href="./index.html"><img width="204" height="204" src="./img/logo.png" alt="logo" title="Loquicom Software"></a><br></li> <li><a class="waves-effect grey darken-3 white-text" href="./index.html">Accueil</a></li> <li><a class="waves-effect grey darken-3 white-text" href="./bibliotheque.html">Blibliothèque</a></li> <li><a class="waves-effect grey darken-2 white-text" href="./playlist.html">Playlist</a></li> </ul> <!-- Fin du menu laterale --> </header> <main class="container" id="main"> <!-- Contenu de la page --> <form name="playlist" onsubmit="return createPlaylist(this)"> <h5>Playlist random :</h5> <label>Nombre de musique :</label> <input type="number" name="nbMusique" min="1" max="20" value="1" required/> <label>Anneé(s) de publication :</label><br> <input type="checkbox" name="a2014" id="2014"><label for="2014" style="padding-right: 1em;">2014</label> <input type="checkbox" name="a2015" id="2015"><label for="2015" style="padding-right: 1em;">2015</label> <input type="checkbox" name="a2016" id="2016"><label for="2016" style="padding-right: 1em;">2016</label> <input type="checkbox" name="a2017" id="2017"><label for="2017" style="padding-right: 1em;">2017</label><br><br> <label>Suggestion :</label><br> <input checked type="radio" name="choix" id="oui" value="oui"><label for="oui" style="padding-right: 1em;">oui</label> <input type="radio" name="choix" id="non" value="non"><label for="non" style="padding-right: 1em;">non</label> <br><br> <button type="submit" class="btn waves-effect">Generer</button> <button type="reset" class="btn waves-effect">Effacer</button> </form> <div id="liste" class="row"> <div class="col s12 center"> <ul id="affichage"> </ul> </div> </div> <!-- Fin du contenu de la page --> </main> <footer class="page-footer grey darken-3"> <!-- Pied de page --> <div class="container"> <div class="row"> <div class="col l6 s12"> <h5 class="white-text pixellari">Projet ISN</h5> <p class="grey-text text-lighten-4"> </p> </div> <div class="col l4 offset-l2 s12"> <h5 class="white-text">Liens utiles</h5> <ul> <li><a class="grey-text text-lighten-3" href="#!">Nous contacter</a></li> <li><a class="grey-text text-lighten-3" href="#!">Mentions légales</a></li> <li><a class="grey-text text-lighten-3" href="#!">Plan du site</a></li> </ul> </div> </div> </div> <div class="footer-copyright grey darken-4"> <div class="container"> Lycée Madame de Sévignée </div> </div> <!-- Fin du pied de page --> </footer> <!--Import jQuery before materialize.js--> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/materialize.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </body> </html>