add students list

2024-10-22 14:47:23 +04:00
parent 8e0b029db3
commit 0a60ae9fc9
2 changed files with 124 additions and 1 deletions
@@ -39,7 +39,7 @@
                <button class="btn btn-primary w-100 py-2" type="submit">
                    Connexion
                </button>
-                <a href="">Ce connecté en anonyme</a>
+                <a href="liste.html">Ce connecté en anonyme</a>
            </form>
        </div>
    </body>
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <!-- CDN BOOTSTRAP -->
+        <link
+            href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
+            rel="stylesheet"
+            integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
+            crossorigin="anonymous"
+        />
+        <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+            integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+            crossorigin="anonymous"
+            referrerpolicy="no-referrer"
+        />
+        <title>EXPERTNET | CDA8 EXO1</title>
+    </head>
+    <header class="w-100 bg-light">
+        <nav class="navbar navbar-expand-lg navbar-light bg-light">
+            <div class="container-fluid">
+                <img
+                    src="https://expernet.re/wp-content/themes/tm-bootstrap/images/logo.png"
+                    alt="expernet logo"
+                />
+                <h3 class="font-weight-bold">
+                    CENTRE DE FORMATION INFORMATIQUE À LA RÉUNION DEPUIS 2002 !
+                </h3>
+                <button type="button" class="btn btn-warning">
+                    <i class="fa-solid fa-calculator"></i>Demande de devis
+                </button>
+                <button type="button" class="btn btn-warning">
+                    <i class="fa-solid fa-graduation-cap"></i>Découvrez notre
+                    école
+                </button>
+                <button type="button" class="btn btn-danger">
+                    <i class="fa-solid fa-door-open"></i>Déconnexion
+                </button>
+            </div>
+        </nav>
+    </header>
+    <body class="container-fluid bg-dark">
+        <h1 class="text-center text-white">Liste des élèves de CDA 8</h1>
+        <table class="table rounded p-5">
+            <thead>
+                <tr>
+                    <th>Nom</th>
+                    <th>Prénom</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th>AHOVEY</th>
+                    <th>SaintGeorge</th>
+                </tr>
+                <tr>
+                    <th>AHYONG</th>
+                    <th>Emjy</th>
+                </tr>
+                <tr>
+                    <th>Barret</th>
+                    <th>Toma</th>
+                </tr>
+                <tr>
+                    <th>CELEMANI</th>
+                    <th>Theo</th>
+                </tr>
+                <tr>
+                    <th>RAMASSY</th>
+                    <th>Cheun</th>
+                </tr>
+                <tr>
+                    <th>Demontis</th>
+                    <th>Matisse</th>
+                </tr>
+                <tr>
+                    <th>Grondin</th>
+                    <th>Clarel</th>
+                </tr>
+                <tr>
+                    <th>Jeremy</th>
+                    <th>Hoarau</th>
+                </tr>
+                <tr>
+                    <th>Munier</th>
+                    <th>Jerome</th>
+                </tr>
+                <tr>
+                    <th>Pedre</th>
+                    <th>Gabriel</th>
+                </tr>
+                <tr>
+                    <th>M</th>
+                    <th>Sebastien</th>
+                </tr>
+                <tr>
+                    <th>Noel</th>
+                    <th>Thomy</th>
+                </tr>
+                <tr>
+                    <th>Boyer</th>
+                    <th>Dorian</th>
+                </tr>
+                <tr>
+                    <th>DUCAUROY</th>
+                    <th>Lou</th>
+                </tr>
+                <tr>
+                    <th>Hoarau</th>
+                    <th>Julien</th>
+                </tr>
+            </tbody>
+        </table>
+    </body>
+    <script
+        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+        crossorigin="anonymous"
+    ></script>
+</html>