<!-- 03/05/2023 à 11H01 -->
<section class="vh-100 gradient-custom">
      <div class="container py-5 h-100">
            <div class="row d-flex justify-content-center align-items-center h-100">
                  <div class="col-12 col-md-8 col-lg-6 col-xl-5">
                        <div class="card bg-dark text-white" style="border-radius: 1rem;">
                              <div class="card-body p-5 text-center">

                                    <div class="mb-md-5 mt-md-4 pb-5">

                                          <h2 class="fw-bold mb-2 text-uppercase">GSB Laboratoire</h2>
                                          <p class="text-white-50 mb-5">Entrez votre login et mot-de-passe</p>
                                          <form action="index.php" method="POST">
                                                <div class="form-outline form-white mb-4">
                                                      <input type="text" id="typeEmailX"
                                                            class="form-control form-control-lg" name="login"/>
                                                      <label class="form-label" for="typeEmailX">Login</label>
                                                </div>

                                                <div class="form-outline form-white mb-4">
                                                      <input type="password" id="typePasswordX"
                                                            class="form-control form-control-lg" name="password"/>
                                                      <label class="form-label" for="typePasswordX">Mot-de-passe</label>
                                                </div>

                                                <!-- <p class="small mb-5 pb-lg-2"><a class="text-white-50" href="#!">Forgot password?</a></p> -->

                                                <button class="btn btn-outline-light btn-lg px-5"
                                                      type="submit">Connexion</button>
                                          </form>
                                          <div class="d-flex justify-content-center text-center mt-4 pt-1">
                                                <a href="#!" class="text-white"><i
                                                            class="fab fa-facebook-f fa-lg"></i></a>
                                                <a href="#!" class="text-white"><i
                                                            class="fab fa-twitter fa-lg mx-4 px-2"></i></a>
                                                <a href="#!" class="text-white"><i class="fab fa-google fa-lg"></i></a>
                                          </div>

                                    </div>

                              </div>
                        </div>
                  </div>
            </div>
      </div>
</section>
<!--

<div id="contenu">
      <h2>Identification utilisateur</h2>


<form method="POST" action="index.php?uc=connexion&action=valideConnexion">
   
    
                  <p>
       <label for="nom">Login*</label>
       <input id="login" type="text" name="login"  size="30" maxlength="45">
      </p>
                  <p>
                        <label for="mdp">Mot de passe*</label>
                    <input id="mdp"  type="password"  name="mdp" size="30" maxlength="45">
      </p>
         <input type="submit" value="Valider" name="valider">
         <input type="reset" value="Annuler" name="annuler"> 
      </p>
</form>

</div>