Files
2024-10-22 14:09:26 +04:00

47 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tic Tac Toc | Azylos</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
<div class="position-absolute start-50 translate-middle" style="position: absolute; top: 5rem;">
<img src="https://expernet.re/wp-content/themes/tm-bootstrap/images/logo.png" alt="" style="height: 7rem;">
</div>
<div class="card w-16 position-absolute top-50 start-50 translate-middle" style="width: 30rem;">
<div class="card-header" style="background-color: #009de0;">
Formulaire de connection
</div>
<div class="card-body">
<div class="tab-content">
<div class="tab-pane fade show active" id="pills-login" role="tabpanel" aria-labelledby="tab-login">
<form>
<div class="text-center mb-3">
</div>
<div data-mdb-input-init class="form-outline mb-4">
<input type="email" id="loginName" class="form-control" />
<label class="form-label" for="loginName">Email</label>
</div>
<div data-mdb-input-init class="form-outline mb-4">
<input type="password" id="loginPassword" class="form-control" />
<label class="form-label" for="loginPassword">Mot de passe</label>
</div>
<button type="submit" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-block mb-4">Se connecter</button>
<div class="text-center">
<p> Connection en étant annoyme <a href="./list.html">y aller</a></p>
</div>
<form>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>