site

<!DOCTYPE html>
<html lang="fr" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>FluGhost</title>
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
    <hr>
    <!-- Haut de la page -->
    <h1 id="welcome">Bienvenue sur le site de FluGhost !</h1>
        <nav id="title">
            <div class="nav-elements">
                <a href="https://www.youtube.com/channel/UCfGq-APKfYcTZ0Je2ET4Jvw?view_as=subscriber" class="nav-links">Ma chaine</a>
                <img src="images/redirect.png" alt="" class="redirect">
            </div>
            <div class="nav-elements">
                <a href="videos/main.html" class="nav-links">Mes vidéos/tutos</a>
            </div>
            <div class="nav-elements">
                <a href="#footer" class="nav-links">Me contacter</a>
            </div>
        </nav>
    <hr>
    <!-- Qui suis-je ? -->
        <section>
            <p>
                <a href="https://www.youtube.com/channel/UCfGq-APKfYcTZ0Je2ET4Jvw?view_as=subscriber" target="_blank">
                <img src="images/avatar.png" alt="" width="99px" class="float-avatar"></a>
                <h2>Qui suis-je ?</h2>
                Hey ! Moi c'est FluGhost ! Je fais des tutos sur Youtube. J'aimerais vous aider ! Pour cela, si vous avez des questions à me poser, veuillez me contacter :
                <ul>
                    <li>Par Discord : <a href="contact/discord.html">ici</a></li>
                    <li>Par E-mail <em>(moins bonne solution)</em> : <a href="#email">en bas</a></li>
                </ul>
            </p>
        </section>
    <hr>
    <!-- Mon contenu -->
        <section>
            <h2>Mon contenu</h2>
                <p>Sur ma chaine, comme vous l'aurez sûrement compris, je fais des tutoriels principalement. <br>
                    Je ferais peut-être des vidéos de diverses types mais quand même orientés un peut informatique/jeux vidéos. <br>
                    <span class="blockquote">Oh ! bah tient ! N'est-ce pas les différents sujets dont mon <a href="contact/discord.html">serveur Discord</a> ? 😋</span> <br>

                </p>
        </section>
    <hr>
    <!-- Partie Discord (à enlever) -->
        <section id="discord">
            <p>
                <ul>
                    <li>Mon <em>pseudo</em> Discord : <code>FluGhost#7007</code></li>
                    <li>Mon <em>serveur</em> Discord : <code><a href="https://www.discord.gg/UNWnjTV" target="_blank">Rejoignez les Co'stars !</a></code><img src="images/redirect.png" alt="" class="redirect"></li>
                </ul>
            </p>
            <iframe src="https://discordapp.com/widget?id=504212403664191488&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>
        </section>
    <hr>
        <footer id="footer">
            <h4>Me contacter :</h4>
            <p>Toutes les infos sur mon Discord <a href="contact/discord.html">ici</a></p>
            <p id="email">Mon E-mail <em>(moins bonne solution)</em>: <code>[email protected]</code></p>
        </footer>
    <hr> <br>
    </body>
</html>