Jeremy Hoarau
67 lines
3.6 KiB
HTML
67 lines
3.6 KiB
HTML
<html >
|
|
<head>
|
|
<title>CDA</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">
|
|
<style>
|
|
.btn-expernet, .btn-expernet:hover {
|
|
background-color: #009de0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
|
|
<a href="https://expernet.re" alt="Retour à la page d'accueil" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
|
|
<img class="logo" src="https://expernet.re/wp-content/themes/tm-bootstrap/images/logo.png" width="72" height="57">
|
|
</a>
|
|
|
|
<ul class="nav nav-pills">
|
|
<li class="nav-item"><a href="#" class="btn btn-warning mx-1" aria-current="page">DEMANDE DE DEVIS</a></li>
|
|
<li class="nav-item"><a href="#" class="btn btn-warning mx-1">Découvrez notre école</a></li>
|
|
</ul>
|
|
</header>
|
|
</div>
|
|
|
|
<main class="form-signin w-100 m-auto">
|
|
<div class="container w-25 p-2 border rounded">
|
|
<form>
|
|
<div class="container d-flex justify-content-center">
|
|
<img class="mb-4" src="https://expernet.re/wp-content/themes/tm-bootstrap/images/logo.png" alt="" width="96" height="81">
|
|
</div>
|
|
|
|
<div class="form-floating">
|
|
<input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
|
|
<label for="floatingInput">Courriel</label>
|
|
</div>
|
|
<div class="form-floating">
|
|
<input type="password" class="form-control" id="floatingPassword" placeholder="Password">
|
|
<label for="floatingPassword">Mot de passe</label>
|
|
</div>
|
|
|
|
<div class="form-check text-start my-3">
|
|
<input class="form-check-input" type="checkbox" value="remember-me" id="flexCheckDefault">
|
|
<label class="form-check-label" for="flexCheckDefault">
|
|
Se souvenir de moi
|
|
</label>
|
|
</div>
|
|
|
|
<button class="btn btn-expernet btn-ho w-100 py-2" type="submit">Connexion</button>
|
|
<p class="text-center my-2">Ou</p>
|
|
<a class="btn btn-expernet w-100 py-2" href="liste.html" role="button">Connexion anonyme</a>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
|
|
<div class="container">
|
|
<footer class="py-3 my-4">
|
|
<p class="text-center text-body-secondary">© 2024 EXPER.net</p>
|
|
</footer>
|
|
</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/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html>
|