diff --git a/fr.html b/fr/index.html
similarity index 93%
rename from fr.html
rename to fr/index.html
index ef31cee..902e5d3 100644
--- a/fr.html
+++ b/fr/index.html
@@ -5,11 +5,11 @@
     <meta name="description" content="Website de mariage pour Rémi Rampin et Vicky Steeves">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="css/bootstrap.css">
+    <link rel="stylesheet" href="../css/bootstrap.css">
     <style>
         @font-face {
             font-family: Lancelot;
-            src: url(webfonts/Lancelot-Regular.ttf);
+            src: url(../webfonts/Lancelot-Regular.ttf);
         }
 
         body {
@@ -24,7 +24,7 @@
             <div class="container">
 
             <div class="d-flex flex-row">
-                <h1 class="mt-3 display-5">Vicky Steeves et Rémi Rampin se marient ! <a href="index.html" class="ml-5">EN</a> | <a href="#" class="active">FR</a></h1>
+                <h1 class="mt-3 display-5">Vicky Steeves et Rémi Rampin se marient ! <a href=".." class="ml-5">EN</a> | <a href="#" class="active">FR</a></h1>
             </div>
 
             <div class="d-flex flex-row align-items-end flex-row h-75 flex-wrap">
@@ -44,7 +44,7 @@
       </div>
     </container>
   </body>
-  <script src="js/bootstrap.bundle.js"></script>
+  <script src="../js/bootstrap.bundle.js"></script>
   <script>
     // Set the date we're counting down to
     var countDownDate = new Date("Jan 30, 2021 14:00:00").getTime();
diff --git a/index.html b/index.html
index 9142eeb..8eb71aa 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
             <div class="container">
 
             <div class="d-flex flex-row">
-                <h1 class="mt-3 display-5">Vicky Steeves & Rémi Rampin are getting married! <a href="#" class="active ml-5">EN</a> | <a href="fr.html">FR</a></h1>
+                <h1 class="mt-3 display-5">Vicky Steeves & Rémi Rampin are getting married! <a href="#" class="active ml-5">EN</a> | <a href="fr/">FR</a></h1>
             </div>
 
             <div class="d-flex flex-row align-items-end flex-row h-75 flex-wrap">