mise a jour de index avec un form login et la list dans list html

This commit is contained in:
Mat911
2024-10-22 13:59:33 +04:00
parent 0bea290c4a
commit 817cd762d4
2 changed files with 204 additions and 20 deletions
+59 -20
View File
@@ -6,27 +6,66 @@
<title>Document</title>
</head>
<body>
<nav class="nav justify-content-center">
<a class="nav-link active" href="#">Louis Fonci</a>
<a class="nav-link active" href="#">Despacito</a>
<a class="nav-link active" href="#">2018</a>
<nav class="navbar navbar-expand navbar-light bg-light" style="background-color: #009de0;">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="#" aria-current="page"
>Despacito <span class="visually-hidden">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
formation@expernet.re</a>
</li>
</ul>
</nav>
<div class="container text-center">
<div class="row">
<div class="col" style="background-color: blue;">
Column
</div>
<div class="col" style="background-color: aquamarine;">
Column
</div>
<div class="col" style="background-color: blueviolet;">
Column
</div>
</div>
</div>
<form
class="container-lg rounded-3 border-1 shadow-lg" style="background-color: #009de0;"
>
<div class="mb-2">
<label for="" class="form-label">Email</label>
<input
type="email"
class="form-control"
name=""
id=""
aria-describedby="emailHelpId"
placeholder="abc@mail.com"
/>
<small id="emailHelpId" class="form-text text-muted"></small>
</div>
<div class="mb-2">
<label for="" class="form-label">Password</label>
<input
type="password"
class="form-control"
name=""
id=""
placeholder=""
/>
</div>
<div class="2">
<a
name=""
id=""
class="btn btn-primary"
href="liste.html"
role="button"
>Login</a
>
<a
name=""
id=""
class="btn btn-primary"
href="#"
role="button"
>Button</a>
</div>
</form>
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">