diff --git a/frontend/index.html b/frontend/index.html
index cb2bc06..f8ca3b4 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,15 +1,24 @@
 <!DOCTYPE html>
-<head> <meta charset="utf-8">
+<head>
+    <meta charset="utf-8">
     <title> Sauveteurs du dunkerquois</title>
+    <link href="style.css" rel="stylesheet" type="text/css" />
 </head> 
 <body>
+    <center>
     <div class="LOGO-DUO">
-        <img src="https://sauveteurdudunkerquois.fr/wp-content/uploads/2021/09/LOGO-DUO.png" width="100"
+        <img src="https://sauveteurdudunkerquois.fr/wp-content/uploads/2021/09/LOGO-DUO.png" width="200"
         height="100">
     </div>
+    <br>
+    <form method="get" >
+	    <input type="text"
+	    placeholder="Rechercher un sauveteur, un bateau, une personne sauvée...">
+	    <input type="submit" value="Rechercher">
+    </form>
+    <br>
     <div>
-    <input type="text"
-    placeholder="CHERCHER">
-    <button>CHERCHER</button>
-    <button>EXPLORER</button></div>
-</body>
\ No newline at end of file
+	    <button>Page au hasard</button>
+    </div>
+    </center>
+</body>
diff --git a/templates/sauveteur_temp.html b/templates/sauveteur_temp.html
new file mode 100644
index 0000000..e3e51a6
--- /dev/null
+++ b/templates/sauveteur_temp.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8">
+    <title> Sauveteurs du dunkerquois</title>
+    <link href="style.css" rel="stylesheet" type="text/css" />
+</head> 
+<body>
+	<h1>{{nom}}} {{prenom}}</h1>
+	<table>
+	</table>
+	<p></p>
+</body>
+</html>
