Hébergeur de fichiers indépendant

index.html

À propos

Type de fichier
Fichier HTML de 4 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: 9 heures
Statistiques
La présente page de téléchargement a été vue 225 fois depuis l'envoi du fichier
Page de téléchargement

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">Accueil</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"></a><br></li>
                <li><a class="waves-effect grey darken-2 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-3 white-text" href="./playlist.html">Playlist</a></li>
            </ul>
            <!-- Fin du menu laterale -->
        </header>


        <main class="container" id="main">
            <!-- Contenu de la page -->
            <div class="row">
                <div class="col s12">
                    <h4><u>Qu'est-ce que <b>STUDIO BL</b> ?</u></h4>
                    <p style="font-size: 25px;" class="center">
                        <b>STUDIO BL</b> est un site sur lequel vous pouvez retrouver toute l'actualit&eacute; du Rap Fran&ccedil;ais. De plus vous pouvez d&eacute;couvrir de nouvelles musiques via notre onglet <i>Playlist</i> qui vous propose des playlists al&eacute;atoires de Rap Fran&ccedil;ais. <b>STUDIO BL</b>, c'est aussi l'aboutissement d'une ann&eacute;e de Terminale Scientifique avec l'enseignement de sp&eacute;cialit&eacute; Informatique et Sciences du Num&eacute;rique. L'enseignement ISN propose aux &eacute;l&egrave;ves de manipuler et de ma&icirc;triser diff&eacute;rents logiciels et de d&eacute;couvrir le monde binaire qu'offre les math&eacute;mathiques. Parmis ces logiciels on retrouve: CodeBlocks, Blender et Sublime Text. L'objectif est ,&agrave; la fin de l'ann&eacute;e scolaire, de proposer un projet qui contient: un site internet, une animation 3D et un programme en C++. <b>STUDIO BL</b> est notre projet et nous sommes fi&egrave;res de vous le pr&eacute;senter.
                    </p>
                </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>
    </body>
</html>


Partager le fichier


Télécharger index.html


Télécharger index.html