diff --git a/AHOVEYSaintGeorge/index.html b/AHOVEYSaintGeorge/index.html
index 43f4d3b..6784690 100644
--- a/AHOVEYSaintGeorge/index.html
+++ b/AHOVEYSaintGeorge/index.html
@@ -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">
diff --git a/AHOVEYSaintGeorge/liste.html b/AHOVEYSaintGeorge/liste.html
index 97c20a8..4226bb8 100644
--- a/AHOVEYSaintGeorge/liste.html
+++ b/AHOVEYSaintGeorge/liste.html
@@ -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>
\ No newline at end of file
diff --git a/AHYONG_Emjy/liste.html b/AHYONG_Emjy/liste.html
index 8ea240b..ba5435a 100644
--- a/AHYONG_Emjy/liste.html
+++ b/AHYONG_Emjy/liste.html
@@ -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>
     
 
diff --git a/BToma/list.html b/BToma/list.html
index b2933b4..3b11224 100644
--- a/BToma/list.html
+++ b/BToma/list.html
@@ -39,104 +39,90 @@
         <thead>
           <tr>
             <th scope="col">#</th>
-            <th scope="col">Nom et prénom</th>
+            <th scope="col">Nom</th>
+            <th scope="col">Prénom</th>
           </tr>
         </thead>
         <tbody>
           <tr>
             <th scope="row">1</th>
-            <td>Ludovic RASSABY</td>
+            <td>RASSABY</td>
+            <td>Ludovic</td>
           </tr>
           <tr>
             <th scope="row">2</th>
-            <td>AHOVEY Saint-George</td>
+            <td>AHOVEY</td>
+            <td>Saint-George</td>
           </tr>
           <tr>
             <th scope="row">3</th>
-            <td>AHYONG Emjy</td>
+            <td>AHYONG</td>
+            <td>Emjy</td>
           </tr>
           <tr>
             <th scope="row">4</th>
-            <td>BARRET Toma</td>
+            <td>BARRET</td>
+            <td>Toma</td>
           </tr>
           <tr>
             <th scope="row">5</th>
-            <td>CELEMANI Theo</td>
+            <td>CELEMANI</td>
+            <td>Theo</td>
           </tr>
           <tr>
             <th scope="row">6</th>
-            <td>Cheun RAMASSY</td>
+            <td>RAMASSY</td>
+            <td>Cheun</td>
           </tr>
           <tr>
             <th scope="row">7</th>
-            <td>Demontis matisse</td>
+            <td>Demontis</td>
+            <td>matisse</td>
           </tr>
           <tr>
             <th scope="row">8</th>
-            <td>GRONDIN Clarel</td>
+            <td>GRONDIN</td>
+            <td>Clarel</td>
           </tr>
           <tr>
             <th scope="row">9</th>
-            <td>Hoarau Jeremy</td>
+            <td>Hoarau</td>
+            <td>Jeremy</td>
           </tr>
           <tr>
             <th scope="row">10</th>
-            <td>Julien HOARAU</td>
+            <td>HOARAU</td>
+            <td>Julien</td>
           </tr>
           <tr>
             <th scope="row">11</th>
-            <td>Thomy NOEL</td>
+            <td>NOEL</td>
+            <td>Thomy</td>
           </tr>
           <tr>
             <th scope="row">12</th>
-            <td>Lou DUCAUROY</td>
+            <td>DUCAUROY</td>
+            <td>Lou</td>
           </tr>
           <tr>
             <th scope="row">13</th>
-            <td>PEDRE Gabriel</td>
+            <td>PEDRE</td>
+            <td>Gabriel</td>
           </tr>
           <tr>
             <th scope="row">14</th>
-            <td>MUNIER Jerome</td>
+            <td>MUNIER</td>
+            <td>Jerome</td>
           </tr>
           <tr>
             <th scope="row">15</th>
-            <td>BOYER Dorian</td>
+            <td>BOYER</td>
+            <td>Dorian</td>
           </tr>
         </tbody>
       </table>
     </div>
   </div>
-    <!-- <div class="container">
-        <div class="position-absolute top-50 start-50 translate-middle">
-            <div class="d-flex justify-content-center align-items-center">
-                <div class="spinner-border text-primary" role="status">
-                    <span class="visually-hidden">Loading...</span>
-                </div>
-                <div class="spinner-border text-secondary" role="status">
-                    <span class="visually-hidden">Loading...</span>
-                </div>
-                <div class="spinner-border text-success" role="status">
-                    <span class="visually-hidden">Loading...</span>
-                </div>
-                <div class="spinner-border text-danger" role="status">
-                    <span class="visually-hidden">Loading...</span>
-                </div>
-                <div class="spinner-border text-warning" role="status">
-                    <span class="visually-hidden">Loading...</span>
-                </div>
-                <div class="spinner-border text-info" role="status">
-                    <span class="visually-hidden">Loading...</span>
-                </div>
-                <div class="spinner-border text-light" role="status">
-                    <span class="visually-hidden">Loading...</span>
-                </div>
-                <div class="spinner-border text-dark" role="status">
-                    <span class="visually-hidden">Loading...</span>
-                </div>
-            </div>
-        </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>
diff --git a/CELEMANITheo/liste.html b/CELEMANITheo/liste.html
index 7f9d661..ce1366b 100644
--- a/CELEMANITheo/liste.html
+++ b/CELEMANITheo/liste.html
@@ -24,48 +24,62 @@
             <table class="table table-primary">
                 <thead>
                     <tr>
-                        <th scope="col">NOM et Prenom</th>
+                        <th scope="col">NOM</th>
+                        <th scope="col">Prenom</th>
                     </tr>
                 </thead>
                 <tbody>
                     <tr class="">
-                        <td scope="row">AHOVEY Saint-George</td>
+                        <td scope="row">AHOVEY</td>
+                        <td scope="row">Saint-George</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">AH-YONG Emjy</td>
+                        <td scope="row">AH-YONG</td>
+                        <td scope="row">Emjy</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">BARRET Toma</td>
+                        <td scope="row">BARRET</td>
+                        <td scope="row">Toma</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">CELEMANI Theo</td>
+                        <td scope="row">CELEMANI</td>
+                        <td scope="row">Theo</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">RAMASSY Cheun</td>
+                        <td scope="row">RAMASSY</td>
+                        <td scope="row">Cheun</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">DEMONTIS Matisse</td>
+                        <td scope="row">DEMONTIS</td>
+                        <td scope="row">Matisse</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">DUCAUROY Lou</td>
+                        <td scope="row">DUCAUROY</td>
+                        <td scope="row">Lou</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">GRONDIN Clarel</td>
+                        <td scope="row">GRONDIN</td>
+                        <td scope="row">Clarel</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">HOARAU Jeremy</td>
+                        <td scope="row">HOARAU</td>
+                        <td scope="row">Jeremy</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">MUNIER Jerome</td>
+                        <td scope="row">MUNIER</td>
+                        <td scope="row">Jerome</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">PEDRE Gabriel</td>
+                        <td scope="row">PEDRE</td>
+                        <td scope="row">Gabriel</td>
                     </tr>
                     <tr class="">
-                        <td scope="row">NOEL Thomy</td>
+                        <td scope="row">NOEL</td>
+                        <td scope="row">Thomy</td>
                     </tr>
                     <tr class="">
                         <td scope="row">Dorian</td>
+                        <td scope="row">Dorian</td>
                     </tr>
                 </tbody>
             </table>
diff --git a/Cheun RAMASSY/TP/Liste.html b/Cheun RAMASSY/TP/Liste.html
new file mode 100644
index 0000000..bdfe040
--- /dev/null
+++ b/Cheun RAMASSY/TP/Liste.html	
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+
+    <title>Document</title>
+</head>
+<body>
+
+
+    <nav class="navbar navbar-expand-lg bg-body-tertiary" >
+        
+        <div class="container-fluid" style="background-color: #0693e3;">
+        <div class="container">
+          <a class="nav-link" href="#">Notre centre</a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Action</a></li>
+            <li><a class="dropdown-item" href="#">Another action</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" href="#">Something else here</a></li>
+          </ul>
+
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse" id="navbarSupportedContent" >
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+              <li class="nav-item">
+                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-current="page" href="#" >Formations</a>
+                <ul class="dropdown-menu">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><hr class="dropdown-divider"></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                  </ul>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#" >Planing</a>
+              </li>
+              <li class="nav-item dropdown">
+                <a class="nav-link" href="#" role="button">
+                    Financement
+                </a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" >blog</a>
+              </li>
+            </ul>
+            <form class="d-flex" role="search">
+              <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+              <button class="btn btn-outline-success" type="submit" style="color: black; background-color: #FFC329;">Search</button>
+            </form>
+          </div>
+        </div>
+    </div>
+      </nav>
+
+
+    <h1 style="margin-top: 1%">Liste des étudiants</h1>
+    <div class="container" style="margin-top:5%">
+        <table class="table table-striped">
+            <tr>
+                <th>Nom</th>
+                <th>Prénom</th>
+              </tr>
+              <tr>
+                <td>AHOVEY</td>
+                <td>SaintGeorge</td>
+              </tr>
+                <td>AHYONG</td>
+                <td>Emjy</td>
+              <tr>
+                <td>.</td>
+                <td>Toma</td>
+             </tr>
+                <td>CELEMANI</td>
+                <td>Theo</td>
+            <tr>
+                <td>RAMASSY</td>
+                <td>Cheun</td>
+            </tr>
+
+            <tr>
+                <td>Demontis </td>
+                <td>matisse</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>M</td>
+                <td>Sebastien</td>
+            </tr>
+
+            <tr>                
+                <td>Pedre</td>
+                <td>Gabriel</td>
+            </tr>
+
+            <tr>
+                <td> Noel</td>
+                <td>Thomy</td>
+            </tr>
+                
+            <tr>
+                <td>.</td>
+                <td>dorian</td>
+            </tr>
+
+            <tr>
+                <td>Ducauroy</td>
+                <td>lou</td>
+            </tr>
+
+          </table>
+
+    </div>
+    <!-- jquery cdn -->
+    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
+    <!-- boostrap js cdn-->
+    <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>
\ No newline at end of file
diff --git a/Cheun RAMASSY/TP/index.html b/Cheun RAMASSY/TP/index.html
new file mode 100644
index 0000000..4a2c68d
--- /dev/null
+++ b/Cheun RAMASSY/TP/index.html	
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+
+    <title>Document</title>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg bg-body-tertiary" >
+        
+        <div class="container-fluid" style="background-color: #0693e3;">
+        <div class="container">
+          <a class="nav-link" href="#">Notre centre</a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Action</a></li>
+            <li><a class="dropdown-item" href="#">Another action</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" href="#">Something else here</a></li>
+          </ul>
+
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse" id="navbarSupportedContent" >
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+              <li class="nav-item">
+                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-current="page" href="#" >Formations</a>
+                <ul class="dropdown-menu">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><hr class="dropdown-divider"></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                  </ul>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#" >Planing</a>
+              </li>
+              <li class="nav-item dropdown">
+                <a class="nav-link" href="#" role="button">
+                    Financement
+                </a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" >blog</a>
+              </li>
+            </ul>
+            <form class="d-flex" role="search">
+              <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+              <button class="btn btn-outline-success" type="submit" style="color: black; background-color: #FFC329;">Search</button>
+            </form>
+          </div>
+        </div>
+    </div>
+      </nav>
+
+        <!-- Formulaire de connexion -->
+         
+      <!-- <div class="position-relative">
+        <div class="position-absolute top-50 start-50 translate-middle"> -->
+            <form>
+                <div class="container" style=" margin-top: 10%;
+                                                background-color: #0693e3;">
+                    <div class="mb-3">
+                        <label for="exampleInputEmail1" class="form-label">Email address</label>
+                        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
+                      </div>
+                      <div class="mb-3">
+                        <label for="exampleInputPassword1" class="form-label">Password</label>
+                        <input type="password" class="form-control" id="exampleInputPassword1">
+                      </div>
+                      <div class="mb-3 form-check">
+                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                        <label class="form-check-label" for="exampleCheck1">Check me out</label>
+                      </div>
+                      <button type="submit" class="btn btn-primary" style="margin-bottom: 1;">Connexion</a></button>
+                      <p ><a href="Liste.html" style ="color: white">Se connecter anonymement à la liste des étudiants</a> </p>
+                    </form>
+                    
+                </div>
+        <!-- </div> -->
+    
+    <!-- jquery cdn -->
+    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
+    <!-- boostrap js cdn-->
+    <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>
\ No newline at end of file
diff --git a/Cheun RAMASSY/index.html b/Cheun RAMASSY/index.html
new file mode 100644
index 0000000..e75cb82
--- /dev/null
+++ b/Cheun RAMASSY/index.html	
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Bonjour tout le monde</title>
+</head>
+<body>
+    <div class="container" style="background-color: grey;">
+        <div class="row">
+            <div class="col-sm" style="background-color: rgb(16, 219, 16);">
+                <span>Case 1</span>
+            </div>
+            <div class="col-sm" style="background-color: white;">
+                <span>Case 2</span>
+            </div>
+            <div class="col-sm" style="background-color: red;">
+                <span>Case 3</span>
+            </div>
+        </div>
+        <h1 class="">Hello</h1>
+        <p>Hello world</p>
+    </div>
+    <!-- jquery cdn -->
+    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
+    <!-- boostrap js cdn-->
+    <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>
\ No newline at end of file
diff --git a/dorian/test bootstrap/index.html b/dorian/index.html
similarity index 100%
rename from dorian/test bootstrap/index.html
rename to dorian/index.html
diff --git a/dorian/test bootstrap/list.html b/dorian/list.html
similarity index 100%
rename from dorian/test bootstrap/list.html
rename to dorian/list.html
diff --git a/dorian/test bootstrap/public/fond.webp b/dorian/public/fond.webp
similarity index 100%
rename from dorian/test bootstrap/public/fond.webp
rename to dorian/public/fond.webp
diff --git a/dorian/test bootstrap/public/logo.png b/dorian/public/logo.png
similarity index 100%
rename from dorian/test bootstrap/public/logo.png
rename to dorian/public/logo.png
diff --git a/dorian/test bootstrap/style.css b/dorian/style.css
similarity index 100%
rename from dorian/test bootstrap/style.css
rename to dorian/style.css

Nom	Prénom
AHOVEY	Saint-George
AH-YONG	Emjy
BARRET	Toma
CELEMANI	Theo
RAMASSY	Cheun
DEMONTIS	Matisse
GRONDIN	Clarel
HOARAU	Jeremy
MUNIER	Jerome
PEDRE	Gabriel
M	Sebastien
NOEL	Thomy
	Dorian
	Lou
NOM et Prenom	NOM	Prenom
AHOVEY Saint-George	AHOVEY	Saint-George
AH-YONG Emjy	AH-YONG	Emjy
BARRET Toma	BARRET	Toma
CELEMANI Theo	CELEMANI	Theo
RAMASSY Cheun	RAMASSY	Cheun
DEMONTIS Matisse	DEMONTIS	Matisse
DUCAUROY Lou	DUCAUROY	Lou
GRONDIN Clarel	GRONDIN	Clarel
HOARAU Jeremy	HOARAU	Jeremy
MUNIER Jerome	MUNIER	Jerome
PEDRE Gabriel	PEDRE	Gabriel
NOEL Thomy	NOEL	Thomy
Dorian	Dorian
Nom	Prénom
AHOVEY	SaintGeorge
AHYONG	Emjy
.	Toma
CELEMANI	Theo
RAMASSY	Cheun
Demontis	matisse
Demontis	matisse
GRONDIN	Clarel
Hoarau	Jeremy
M	Sebastien
Pedre	Gabriel
Noel	Thomy
.	dorian
Ducauroy	lou