Se connecter.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Connecter</title>
    <!-- Link To CSS -->
    <link rel="stylesheet" href="style.css">
    <!-- Box Icons -->
    <link rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
 
</head>
<body>
    <!-- Navbar -->
    <header>
        <a href="#" class="logo">Bayɛlɛmabaga</a>
 
        <div class="bx bx-menu" id="menu-icon"></div>
 
        <ul class="navbar">
            <li><a href="index.html">Accueil</a></li>
            <li><a href="Inscription.html">Créer un compte</a></li>
            <li><a href="Se connecter.html">Se Connecter</a></li>
            <li><a href="#Contactez-nous">Contactez-nous</a></li>
            <div class="bx bx-moon" id="darkmode"></div>
        </ul>
    </header>

<section class="Connecter" id="Connecter">
    <div class="container">
      <div class="Connecter-box">
        <div class="Connecter-info">
        <div class="Connecter-form">
            <center>
            <h3 class="title"> </br></h3>
            <h3 class="title">Se Connecter</h3>
            <h3 class="title"> </br></h3>
          
          <div class="row">
            <input type="email" class="Connecter-input" placeholder="Email" />
            </br>
            </br>
            <input type="password" class="Connecter-input" placeholder="Mot de passe" />
          </div>
          <h3 class="title"> </br></h3>
          <a href="#" class="btn">SE CONNECTER</a>
          </center>
        </div>
      </div>
    </div>
  </section>
      <!-- Footer -->
      <div class="footer">
        <h2>Bayɛlɛmabaga</h2>
        <div class="footer-social">
            <a href="#"><i class='bx bxl-facebook' ></i></a>
            <a href="#"><i class='bx bxl-twitter' ></i></a>
            <a href="#"><i class='bx bxl-instagram' ></i></a>
           
        </div>
 
    </div>
    <!-- Copyright -->
    <div class="copyright">
        <p>&#169; Bayɛlɛmabaga Tous droits réservés.</p>
    </div>

 
    <!-- Link To JS -->
    <script src="main.js"></script>


</body>
</html>