diff --git a/Hoarau-Julien/exo-1/index.html b/Hoarau-Julien/exo-1/index.html
index 977ffcf..e76cc2d 100644
--- a/Hoarau-Julien/exo-1/index.html
+++ b/Hoarau-Julien/exo-1/index.html
@@ -12,7 +12,37 @@
         />
         <title>EXPERTNET | CDA8 EXO1</title>
     </head>
-    <body></body>
+    <body class="bg-dark">
+        <div class="position-relative bg-light d-flex align-items-center justify-content-center position-absolute top-50 start-50 translate-middle w-50 rounded p-5 flex-column">
+            <img src="https://expernet.re/wp-content/themes/tm-bootstrap/images/logo.png" alt="logo-expernet" class="m-bottom-1">
+            <form>
+                <h1 class="h3 mb-3 fw-normal">Connexion</h1>
+
+                <div class="form-floating">
+                    <input
+                        type="email"
+                        class="form-control"
+                        id="floatingInput"
+                        placeholder="votremail@example.com"
+                    />
+                    <label for="floatingInput">Email</label>
+                </div>
+                <div class="form-floating">
+                    <input
+                        type="password"
+                        class="form-control"
+                        id="floatingPassword"
+                        placeholder="Votre mot de passe"
+                    />
+                    <label for="floatingPassword">Mot de passe</label>
+                </div>
+                <button class="btn btn-primary w-100 py-2" type="submit">
+                    Connexion
+                </button>
+                <a href="">Ce connecté en anonyme</a>
+            </form>
+        </div>
+    </body>
     <script
         src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
