Ajout d'une page index.html (form de connexion) et d'une page Liste.html (liste etudiant)
This commit is contained in:
Ramassy Cheun
@@ -7,9 +7,9 @@
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6">
|
||||
<div class="col-md-6"> <br>
|
||||
<img src="logo.png" alt="Logo" style="max-width: 100%;">
|
||||
</div>
|
||||
</div> </br>
|
||||
<div class="col-md-6">
|
||||
<h1 class="fw-bold">CENTRE DE FORMATION INFORMATIQUE <br>
|
||||
À LA RÉUNION DEPUIS 2002 !</h1>
|
||||
@@ -17,6 +17,8 @@
|
||||
</div>
|
||||
|
||||
<P></P>
|
||||
<h1 class="text-center my-4">Connexion</h1>
|
||||
|
||||
<div class="row-5">
|
||||
<form style="background-color:#009DE0; padding: 20px; border-radius: 10px;">
|
||||
<div class="form-group mb-3">
|
||||
|
||||
@@ -7,8 +7,12 @@
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6">
|
||||
|
||||
<br>
|
||||
<img src="logo.png" alt="Logo" style="max-width: 100%;">
|
||||
</div>
|
||||
</br>
|
||||
|
||||
<div class="col-md-6">
|
||||
<h1 class="fw-bold">CENTRE DE FORMATION INFORMATIQUE <br>
|
||||
À LA RÉUNION DEPUIS 2002 !</h1>
|
||||
@@ -16,41 +20,76 @@
|
||||
</div>
|
||||
|
||||
<P></P>
|
||||
<h1 class="text-center my-4">Liste des étudiants en CDA8</h1>
|
||||
|
||||
<div class="card" style="background-color: #009DE0; padding: 20px;">
|
||||
<div class="row text-center text-white">
|
||||
<div class="col-md-12">
|
||||
<span>AHOVEY Saint-George</span>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<span>AH-YONG Emjy</span>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<span>BARRET Toma</span>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<span>CELEMANI Theo</span>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<span>RAMASSY Cheun</span>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<span>DEMONTIS Matisse</span>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<span>GRONDIN Clarel</span>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<span>HOARAU Jeremy</span>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<span>MUNIER Jerome</span>
|
||||
</div>
|
||||
<div class="col-md-12 mb-3">
|
||||
<span>PEDRE Gabriel</span>
|
||||
<body>
|
||||
<div class="container my-5">
|
||||
<h1 class="text-center mb-4">Liste des étudiants</h1>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col"style="background-color: #009DE0;">Nom</th>
|
||||
<th scope="col"style="background-color: #009DE0;">Prénom</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>AHOVEY</td>
|
||||
<td>Saint-George</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>AH-YONG</td>
|
||||
<td>Emjy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>BARRET</td>
|
||||
<td>Toma</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CELEMANI</td>
|
||||
<td>Theo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RAMASSY</td>
|
||||
<td>Cheun</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DEMONTIS</td>
|
||||
<td>Matisse</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>GRONDIN</td>
|
||||
<td>Clarel</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HOARAU</td>
|
||||
<td>Jeremy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>MUNIER</td>
|
||||
<td>Jerome</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PEDRE</td>
|
||||
<td>Gabriel</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>M</td>
|
||||
<td>Sebastien</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NOEL</td>
|
||||
<td>Thomy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Dorian</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Lou</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
+68
-17
@@ -56,23 +56,74 @@
|
||||
<h1>Liste des élèves de CDA8</h1>
|
||||
</div>
|
||||
<div class="container">
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Gaby</li>
|
||||
<li class="list-group-item">Dorian</li>
|
||||
<li class="list-group-item">Julien</li>
|
||||
<li class="list-group-item">Lou</li>
|
||||
<li class="list-group-item">Saint-George</li>
|
||||
<li class="list-group-item">Toma</li>
|
||||
<li class="list-group-item">Théo</li>
|
||||
<li class="list-group-item">Cheun</li>
|
||||
<li class="list-group-item">Matisse</li>
|
||||
<li class="list-group-item">Clarel</li>
|
||||
<li class="list-group-item">Jeremy</li>
|
||||
<li class="list-group-item">Jerome</li>
|
||||
<li class="list-group-item">Gabriel</li>
|
||||
<li class="list-group-item">Thomy</li>
|
||||
<li class="list-group-item">Emjy</li>
|
||||
</ul>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nom</th>
|
||||
<th>Prénom</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>AHOVEY</td>
|
||||
<td>Saint-George</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>AH-YONG</td>
|
||||
<td>Emjy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>BARRET</td>
|
||||
<td>Toma</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CELEMANI</td>
|
||||
<td>Théo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RAMASSY</td>
|
||||
<td>Cheun</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DEMONTIS</td>
|
||||
<td>Matisse</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>GRONDIN</td>
|
||||
<td>Clarel</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HOARAU</td>
|
||||
<td>Jeremy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>MUNIER</td>
|
||||
<td>Jerome</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PEDRE</td>
|
||||
<td>Gabriel</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NOEL</td>
|
||||
<td>Thomy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RASSABY</td>
|
||||
<td>Ludovic</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Dorian</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DUCAUROY</td>
|
||||
<td>Lou</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user