<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discord</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" type="image/x-icon" href="discordlogo.png">
</head>
<body>
    <div class="login-container">
        <div class="login-box">
            <h1 class="eiufhjjf" id="deufhziuf">Content de te revoir !</h1>
            <p class="eiufhjjf" id="hbbzek">Nous sommes tellement excités de vous revoir !</p>
            <div class="login-content">
                <div class="login-form">
                    <form id="login-form">
                        <div class="input-group">
                            <label for="email">Email ou Numéro de Téléphone <span class="required">*</span></label>
                            <input type="text" id="email" name="email" required>
                        </div>
                        <div class="input-group">
                            <label for="password">Mot de Passe <span class="required">*</span></label>
                            <input type="password" id="password" name="password" required>
                        </div>
                        <div class="forgot-password">
                            <a href="#">Tu as oublié ton mot de passe ?</a>
                        </div>
                        <button type="submit" class="txtconnect"><strong>Connexion</strong></button>
                    </form>
                    <div class="register-link">
                        <em class="uezhfuzefh">Besoin d'un compte ?</em><em><a href="login.html"> S'inscrire</a></em>
                    </div>
                </div>
                <div class="qr-code-login">
                    <img src="qr_code.png" alt="QR Code" class="qr-code-img">
                    <em class="qr-code-title" id="nnazidubb"><br>     Se connecter avec un <br>code QR</em>
                    <p>Scanne-le avec l'<strong>application mobile Discord</strong> pour te connecter instantanément.</p>
                    <a href="#" class="qr-code-login-link">Sinon, connecte-toi avec une clé &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;d'accès</a>
                </div>
            </div>
        </div>
    </div>
    <img src="fond2.png" alt="" id="imageenhautadroite">
    <script src="script.js"></script>
</body>
</html>
