Ajout index.html et liste.html
This commit is contained in:
Jeremy Hoarau
@@ -5,12 +5,52 @@
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<main>
|
||||
<h1>Message</h1>
|
||||
<p>hello</p>
|
||||
<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>
|
||||
<img class="mb-4" src="https://expernet.re/wp-content/themes/tm-bootstrap/images/logo.png" alt="" width="72" height="57">
|
||||
|
||||
<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-primary w-100 py-2" type="submit">Connexion</button>
|
||||
<p class="text-center my-2">Ou</p>
|
||||
<a class="btn btn-primary 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>
|
||||
|
||||
@@ -0,0 +1,147 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Title</title>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
||||
/>
|
||||
|
||||
<!-- Bootstrap CSS v5.2.1 -->
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
</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>
|
||||
<div class="container w-100">
|
||||
<div class="table-responsive-md">
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">Nom</th>
|
||||
<th scope="col">Prénom</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="">
|
||||
<td scope="row">1</td>
|
||||
<td>AHOVEY</td>
|
||||
<td>Saint George</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">2</td>
|
||||
<td>AHYONG</td>
|
||||
<td>Emjy</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">3</td>
|
||||
<td>B.</td>
|
||||
<td>Toma</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">4</td>
|
||||
<td>CELEMANI</td>
|
||||
<td>Theo</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">5</td>
|
||||
<td>RAMASSY</td>
|
||||
<td>Cheun</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">6</td>
|
||||
<td>Demontis</td>
|
||||
<td>matisse</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">7</td>
|
||||
<td>GRONDIN</td>
|
||||
<td>Clarel</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">8</td>
|
||||
<td>Hoarau</td>
|
||||
<td>Jérémy</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">9</td>
|
||||
<td>MUNIER</td>
|
||||
<td>Jerome</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">10</td>
|
||||
<td>Pedre</td>
|
||||
<td>Gabriel</td>
|
||||
</tr>
|
||||
<!-- <tr class="">
|
||||
<td scope="row">11</td>
|
||||
<td>--</td>
|
||||
<td>--</td>
|
||||
</tr> -->
|
||||
<tr class="">
|
||||
<td scope="row">12</td>
|
||||
<td>Noel</td>
|
||||
<td>Thomy</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">13</td>
|
||||
<td>--</td>
|
||||
<td>dorian</td>
|
||||
</tr>
|
||||
<!-- <tr class="">
|
||||
<td scope="row">14</td>
|
||||
<td>--</td>
|
||||
<td>--</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td scope="row">15</td>
|
||||
<td>--</td>
|
||||
<td>--</td>
|
||||
</tr> -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="container">
|
||||
<footer class="py-3 my-4">
|
||||
<p class="text-center text-body-secondary">© 2024 EXPER.net</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<!-- Bootstrap JavaScript Libraries -->
|
||||
<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.2/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user