
    <div class="container">
        <div class="header">
            <div class="nav"> 
                <img src="images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false">
                <img id="theme-icon" src="images/light.svg" alt="toggle theme" width="72px" height="37px" onmousedown="return false" onclick="toggleTheme()">
                <img src="images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false">
            </div>
            <div class="logo">
                <a href="{{racine}}/"><img src="images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false"></a>
            </div>
            <div class="user">
                <img src="images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false">
            </div>
        </div>
    </div>
    <h1>▶ Connexion ◀</h1>

    <div class="login">
        <p> <strong>Identifiant *</strong></p>
        <input type="text" class="connexion" name="name" required />

        <p> <strong> Mot de passe *</strong></p>
        <input type="password" class="connexion" name="passwd" required />

        <div class="createAccount">
            <p class="createAccount">Vous n'avez pas de compte?</p>
            <a href="{{racine}}/signin" class="createAccount">S'incrire</a>
        </div>
        

        <div class="buttonSudmiteDiv">
            <button class="buttonSudmite">Connexion</button>
        </div>
        
    </div>
</body>
</html>