Hébergeur de fichiers indépendant

playlist.html

À propos

Type de fichier
Fichier HTML de 5 Ko (text/html)
Confidentialité
Fichier public, envoyé le 21 mai 2017 à 21:24, depuis l'adresse IP 90.1.x.x (France)
Sécurité
Ne contient aucun Virus ou Malware connus - Dernière vérification: 2 jours
Statistiques
La présente page de téléchargement a été vue 234 fois depuis l'envoi du fichier
Page de téléchargement
https://www.petit-fichier.fr/2017/05/21/playlist-html/   Copier

Aperçu du fichier


<!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&egrave;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&eacute;(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&eacute;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&eacute;e Madame de S&eacute;vign&eacute;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>


Partager le fichier


Télécharger playlist.html


Télécharger playlist.html

 
Télécharger le fichier (5 Ko)