project.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Premier projet | Shiido</title>
    <link rel="stylesheet" type="text/css" href="design/style.css">
</head>

<body>
    <!-- entête -->
    <header>
        <!-- prenom et nom -->
        <h1>Shiido</h1>
        <!-- span -->
        <span class="separator"></span>
        <!-- nom du projet -->
        <h2>Mon premier projet</h2>
    </header>




    <!-- menu -->
    <nav>
        <ul>
            <li><a href="index.html" title="aller à l'accueil" target="_blank">Accueil</a></li>
            <li><a href="#projets">Projets</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </nav>

    <div class="contener">


        <!-- description du projet -->
        <section>
            <!-- introduction -->
            <h3>Introduction</h3>
            <p>Ceci est mon premier <strong>projet</strong> en HTML5 et CSS3</p>
        </section>

        <!-- projets -->

        <section id="picture-projet">
            <h3>Production</h3>
            <img src="../tutohtml/serv/lya.jpg" alt="mon projet Lya"><br><br><br>

            <!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/NYY0jai9cfA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
            <video controls preload="auto" width="500" src="../tutohtml/2021-11-01 14-51-38_Trim.mp4">Votre naviguateur ne peut pas lire la vidéo</video>
            <audio controls src="../tutohtml/music/Roy Jones Jr. - Cant Be Touched.mp3">Votre naviguateur est obsolète et ne peut pas lire la musique</audio>
        </section>

        <!-- contact -->
        <section>
            <h3>Contact</h3>
            <!-- description -->
            <p>Si vous voulez me contacter, me dm sur discord Shiido#2211 où m'envoyer un email à <a
                    href="mailto:meven.pigneul@gmail.com">meven.pigneul@gmail.com</a></p>


        </section>
    </div>

    <!-- footer -->
    <footer>
        <span>2021 © Shiido </span>
    </footer>

</body>

</html>