diff --git a/VeraxShield/VeraxShield/pages/Index.razor b/VeraxShield/VeraxShield/pages/Index.razor
index 389d7ef..db9be41 100644
--- a/VeraxShield/VeraxShield/pages/Index.razor
+++ b/VeraxShield/VeraxShield/pages/Index.razor
@@ -1,5 +1,6 @@
 ﻿@page "/"
 
+<!--
 <h1>VeraxShield</h1>
 
 <button type="button" class="btn btn-link ml-md-auto" @onclick="@SeConnecter">Connexion</button>
@@ -9,7 +10,31 @@
     <h1> Adiu :  @context.User.Identity.Name!</h1>
     <p>Podètz veire aquest contengut solament se sètz autentificat ! </p>
 
-    <NavLink href="/utilisateurs/liste"> --> Liste des utilisateurs</NavLink>
+    <NavLink href="/utilisateurs/liste"> -> Liste des utilisateurs</NavLink>
 
     <button type="button" class="btn btn-link ml-md-auto" @onclick="@SeDeconnecter">Deconnexion</button>
 </AuthorizeView>
+
+-->
+
+
+<head>
+    <link rel="stylesheet" href="css/index.css">
+</head>
+
+<body>
+    <header>
+        <h1>VeraxShield</h1>
+    </header>
+
+    <main>
+        <div class="center-box">
+            <div class="button-container">
+                <button type="button" class="btn btn-link" @onclick="@SeConnecter">Connexion</button>
+            </div>
+            <div class="button-container">
+                <button type="button" class="btn btn-link" @onclick="@RetourVerax">Retourner sur Verax</button>
+            </div>
+        </div>
+    </main>
+</body>
\ No newline at end of file
diff --git a/VeraxShield/VeraxShield/pages/Index.razor.cs b/VeraxShield/VeraxShield/pages/Index.razor.cs
index 0ed27c7..b6fe570 100644
--- a/VeraxShield/VeraxShield/pages/Index.razor.cs
+++ b/VeraxShield/VeraxShield/pages/Index.razor.cs
@@ -19,5 +19,10 @@ namespace VeraxShield.pages
         {
             NavigationManager.NavigateTo("/connexion");
         }
+
+        private void RetourVerax()
+        {
+            NavigationManager.NavigateTo("https://www.verax.com");
+        }
     }
 }
\ No newline at end of file
diff --git a/VeraxShield/VeraxShield/wwwroot/css/index.css b/VeraxShield/VeraxShield/wwwroot/css/index.css
new file mode 100644
index 0000000..1ddfd7a
--- /dev/null
+++ b/VeraxShield/VeraxShield/wwwroot/css/index.css
@@ -0,0 +1,43 @@
+﻿body {
+    background-color: #afc1db;
+    margin: 0;
+    padding: 0;
+    font-family: Arial, sans-serif;
+}
+
+header {
+    color: #053679;
+    text-align: center;
+    padding: 10px;
+    margin: 0;
+}
+
+main {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 80vh;
+    margin-top:10vh;
+}
+
+.center-box {
+    background-color: white;
+    padding: 20px;
+    text-align: center;
+    border-radius: 10px;
+}
+
+.button-container {
+    margin-top: 10px;
+}
+
+.btn-link {
+    color: white;
+    background-color: #053679;
+    margin: 5px;
+    padding: 10px;
+    border: none;
+    border-radius: 5px;
+    display: block;
+    cursor: pointer;
+}
