new table clarel

2024-10-22 15:43:15 +04:00
parent 2a620918a2
commit 030db5b569
3 changed files with 169 additions and 3 deletions
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Page de Clarel</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.css" />
+  
+</head>
+<body style="background-image: url('expernet.png');" class="text-white">
+    <h1><p class="text-center pt-3 pb-5"><i>CDA8 : Expernet 2024-2026</i></p></h1>
+
+        <div class="pl-5 pr-5 d-flex justify-content-between">
+            <a href="login.html" class="btn btn-primary">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
+                <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"/>
+            </svg>
+            Retour
+            </a>
+            <a href="index.html" class="btn btn-primary">
+                Ancienne Table
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
+                    <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"/>
+                  </svg>
+                </a>
+        </div>
+
+    <div class="pt-5">
+        <table class="table compact" id="myTable">
+            <thead class="thead-dark">
+              <tr>
+                <th scope="col">NOM :</th>
+                <th scope="col">Prénom :</th>
+    
+              </tr>
+            </thead>
+            <tbody>
+            <tr class="table-active">
+                <td>AHOVEY</td>
+                <td>Saint-George</td>
+            </tr>
+            <tr class="table-active">
+                <td>BARRET</td>
+                <td>Toma</td>
+            </tr>
+            <tr class="table-active">
+                <td>CELEMANI</td>
+                <td>Théo</td>
+            </tr>
+            <tr class="table-active">
+                <td>RAMASSY</td>
+                <td>Cheun</td>
+            </tr>
+            <tr class="table-active">
+                <td>DEMONTIS</td>
+                <td>Matisse</td>
+            </tr>
+            <tr class="table-active">
+                <td>DORIAN</td>
+                <td>Dorian</td>
+            </tr>
+            <tr class="table-active">
+                <td>GRONDIN</td>
+                <td>Clarel</td>
+            </tr>
+            <tr class="table-active">
+                <td>HOARAU</td>
+                <td>Jérèmy</td>
+            </tr>
+            <tr class="table-active">
+                <td>MUNIER</td>
+                <td>Jérome</td>
+            </tr>
+            <tr class="table-active">
+                <td>PEDRE</td>
+                <td>Gabriel</td>
+            </tr>
+            <tr class="table-active">
+                <td>NOEL</td>
+                <td>Thomy</td>
+            </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.1.8/js/dataTables.js"></script>
+    <script>
+        $(document).ready( function () {
+        $('#myTable').DataTable();
+} );
+    </script>
+</body>
+</html>