From 0832e25449a9ef7f46addc043e7481171f270a4d Mon Sep 17 00:00:00 2001
From: Matias Mennecart <matias.mennecart.etu@univ-lille.fr>
Date: Thu, 21 Dec 2023 18:56:47 +0100
Subject: [PATCH] Fix des liens entre les pages + ajouts liens dans le footer

---
 conducteur.html             | 18 +++++++++---------
 contact.html                | 16 ++++++++--------
 css/footer.css              |  7 +++++++
 css/login.css               |  6 +++++-
 css/reserver-result.css     |  4 +++-
 css/reserver.css            |  4 +++-
 faq.html                    | 16 ++++++++--------
 forms/contact-result.html   | 22 +++++++++++-----------
 forms/login-result.html     | 18 +++++++++---------
 forms/reserver-result.html  | 26 +++++++++++++-------------
 forms/reserver-result2.html | 20 ++++++++++----------
 index.html                  | 18 +++++++++---------
 info.html                   | 16 ++++++++--------
 login.html                  | 20 ++++++++++----------
 reserver.html               | 22 +++++++++++-----------
 15 files changed, 124 insertions(+), 109 deletions(-)

diff --git a/conducteur.html b/conducteur.html
index afd1399..2953ef7 100644
--- a/conducteur.html
+++ b/conducteur.html
@@ -31,19 +31,19 @@
     <footer>
         <section class="links">
             <div class="f-column">
-                <a href="">Qui sommes nous ?</a> <br/>
-                <a href="">Espace presse</a> <br/>
-                <a href="">Nous contacter</a> 
+                <a href="">Qui sommes nous ?</a> <br />
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br/>
-                <a href="">Passager</a> <br/>
-                <a href="">FAQ</a> <br/>
+                <a href="conducteur.html">Conducteur</a> <br />
+                <a href="passager.html">Passager</a> <br />
+                <a href="faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br/>
-                <a href="">Politique de confidentialité</a> <br/>
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
diff --git a/contact.html b/contact.html
index 4cc24ae..8d78551 100644
--- a/contact.html
+++ b/contact.html
@@ -72,18 +72,18 @@
         <section class="links">
             <div class="f-column">
                 <a href="">Qui sommes nous ?</a> <br />
-                <a href="">Espace presse</a> <br />
-                <a href="">Nous contacter</a>
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br />
-                <a href="">Passager</a> <br />
-                <a href="">FAQ</a> <br />
+                <a href="conducteur.html">Conducteur</a> <br />
+                <a href="passager.html">Passager</a> <br />
+                <a href="faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br />
-                <a href="">Politique de confidentialité</a> <br />
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
diff --git a/css/footer.css b/css/footer.css
index 1eaa7be..a84bf2f 100644
--- a/css/footer.css
+++ b/css/footer.css
@@ -1,7 +1,13 @@
 @font-face {
     font-family: "Inter";
+    font-style: oblique;
     src: url('../fonts/Inter/static/Inter-SemiBold.ttf');
   }
+  @font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	src: url('../fonts/Inter/static/Inter-Regular.ttf');
+}
   
 
 footer {
@@ -24,4 +30,5 @@ footer>section>div>a {
     display: flex;
     justify-content: center;
     font-family: "Inter";
+    font-style: oblique;
 }
\ No newline at end of file
diff --git a/css/login.css b/css/login.css
index 953c170..cdbbf5e 100644
--- a/css/login.css
+++ b/css/login.css
@@ -9,7 +9,11 @@
 	font-style: normal;
 	src: url('../fonts/Inter/static/Inter-Regular.ttf');
 }
-  
+
+footer {
+    position: absolute;
+}
+
   header {
     display: flex;
     justify-content: center;
diff --git a/css/reserver-result.css b/css/reserver-result.css
index 727a879..1a47bfc 100644
--- a/css/reserver-result.css
+++ b/css/reserver-result.css
@@ -10,7 +10,9 @@
 	src: url('../fonts/Inter/static/Inter-Regular.ttf');
 }
 
-
+footer {
+    position: absolute;
+}
 main {
     display: flex;
     justify-content: center;
diff --git a/css/reserver.css b/css/reserver.css
index 50e3206..5bc240a 100644
--- a/css/reserver.css
+++ b/css/reserver.css
@@ -10,7 +10,9 @@
 	src: url('../fonts/Inter/static/Inter-Regular.ttf');
 }
 
-
+footer {
+    position: absolute;
+}
 main {
     display: flex;
     justify-content: center;
diff --git a/faq.html b/faq.html
index 67c9cae..01eb7eb 100644
--- a/faq.html
+++ b/faq.html
@@ -77,18 +77,18 @@
         <section class="links">
             <div class="f-column">
                 <a href="">Qui sommes nous ?</a> <br />
-                <a href="">Espace presse</a> <br />
-                <a href="">Nous contacter</a>
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br />
-                <a href="">Passager</a> <br />
-                <a href="">FAQ</a> <br />
+                <a href="conducteur.html">Conducteur</a> <br />
+                <a href="passager.html">Passager</a> <br />
+                <a href="faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br />
-                <a href="">Politique de confidentialité</a> <br />
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
diff --git a/forms/contact-result.html b/forms/contact-result.html
index 7a5a182..da2a711 100644
--- a/forms/contact-result.html
+++ b/forms/contact-result.html
@@ -14,9 +14,9 @@
                 <!--<div><li><a href= "index.html">Acceuil</a></li></div>
                 <div><li><a href= "conducteur.html">Conducteur</a></li></div>
                 <div><li><a href= "passager.html">Passager</a></li></div>  -->
-                <div><a href= "index.html">Acceuil</a></div>
-                <div><a href= "conducteur.html">Conducteur</a></div>
-                <div><a href= "passager.html">Passager</a></div>
+                <div><a href= "../index.html">Acceuil</a></div>
+                <div><a href= "../conducteur.html">Conducteur</a></div>
+                <div><a href= "../passager.html">Passager</a></div>
             </div>
         </nav> 
         <div class="back"></div>
@@ -82,18 +82,18 @@
         <section class="links">
             <div class="f-column">
                 <a href="">Qui sommes nous ?</a> <br />
-                <a href="">Espace presse</a> <br />
-                <a href="">Nous contacter</a>
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="../contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br />
-                <a href="">Passager</a> <br />
-                <a href="">FAQ</a> <br />
+                <a href="../conducteur.html">Conducteur</a> <br />
+                <a href="../passager.html">Passager</a> <br />
+                <a href="../faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br />
-                <a href="">Politique de confidentialité</a> <br />
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
diff --git a/forms/login-result.html b/forms/login-result.html
index c406faa..fb8cb8a 100644
--- a/forms/login-result.html
+++ b/forms/login-result.html
@@ -52,19 +52,19 @@
     <footer>
         <section class="links">
             <div class="f-column">
-                <a href="">Qui sommes nous ?</a> <br/>
-                <a href="">Espace presse</a> <br/>
-                <a href="">Nous contacter</a> 
+                <a href="">Qui sommes nous ?</a> <br />
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="../contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br/>
-                <a href="">Passager</a> <br/>
-                <a href="">FAQ</a> <br/>
+                <a href="../conducteur.html">Conducteur</a> <br />
+                <a href="../passager.html">Passager</a> <br />
+                <a href="../faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br/>
-                <a href="">Politique de confidentialité</a> <br/>
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
diff --git a/forms/reserver-result.html b/forms/reserver-result.html
index 425280e..6a54d99 100644
--- a/forms/reserver-result.html
+++ b/forms/reserver-result.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8'>
     <title>Klaxit - Reserver</title>
     <link rel='stylesheet' href="../css/styles.css">
-    <link rel='stylesheet' href="../css/reserver-result.css">
     <link rel='stylesheet' href="../css/footer.css">
+    <link rel='stylesheet' href="../css/reserver-result.css">
 </head>
 <body>
 
@@ -14,9 +14,9 @@
             <nav>
                 <a class="img" href="index.html"><img src="../css/images/logoKlaxit_BBCD_Color.webp" alt="Logo Klaxit"></a>
                 <div>
-                <a href="index.html">ACCEUIL</a>
-                <a href="#">CONDUCTEUR</a>
-                <a href="login.html" class="login-button">LOGIN</a>
+                <a href="../index.html">ACCEUIL</a>
+                <a href="../conducteur.html">CONDUCTEUR</a>
+                <a href="../login.html" class="login-button">LOGIN</a>
             </div>
         </div>
     </header>
@@ -68,19 +68,19 @@
     <footer>
         <section class="links">
             <div class="f-column">
-                <a href="">Qui sommes nous ?</a> <br/>
-                <a href="">Espace presse</a> <br/>
-                <a href="">Nous contacter</a> 
+                <a href="">Qui sommes nous ?</a> <br />
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="../contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br/>
-                <a href="">Passager</a> <br/>
-                <a href="">FAQ</a> <br/>
+                <a href="../conducteur.html">Conducteur</a> <br />
+                <a href="../passager.html">Passager</a> <br />
+                <a href="../faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br/>
-                <a href="">Politique de confidentialité</a> <br/>
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
diff --git a/forms/reserver-result2.html b/forms/reserver-result2.html
index aee000a..6140a02 100644
--- a/forms/reserver-result2.html
+++ b/forms/reserver-result2.html
@@ -5,8 +5,8 @@
     <title>Klaxit - Reserver</title>
     <link rel='stylesheet' href="../css/styles.css">
     <link rel='stylesheet' href="../css/reserver.css">
-    <link rel='stylesheet' href="../css/reserver-result.css">
     <link rel='stylesheet' href="../css/footer.css">
+    <link rel='stylesheet' href="../css/reserver-result.css">
 </head>
 <body>
 
@@ -48,19 +48,19 @@
     <footer>
         <section class="links">
             <div class="f-column">
-                <a href="">Qui sommes nous ?</a> <br/>
-                <a href="">Espace presse</a> <br/>
-                <a href="">Nous contacter</a> 
+                <a href="">Qui sommes nous ?</a> <br />
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="../contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br/>
-                <a href="">Passager</a> <br/>
-                <a href="">FAQ</a> <br/>
+                <a href="../conducteur.html">Conducteur</a> <br />
+                <a href="../passager.html">Passager</a> <br />
+                <a href="../faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br/>
-                <a href="">Politique de confidentialité</a> <br/>
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
diff --git a/index.html b/index.html
index 396640e..78e197c 100644
--- a/index.html
+++ b/index.html
@@ -42,19 +42,19 @@
     <footer>
         <section class="links">
             <div class="f-column">
-                <a href="">Qui sommes nous ?</a> <br/>
-                <a href="">Espace presse</a> <br/>
-                <a href="">Nous contacter</a> 
+                <a href="">Qui sommes nous ?</a> <br />
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br/>
-                <a href="">Passager</a> <br/>
-                <a href="">FAQ</a> <br/>
+                <a href="conducteur.html">Conducteur</a> <br />
+                <a href="passager.html">Passager</a> <br />
+                <a href="faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br/>
-                <a href="">Politique de confidentialité</a> <br/>
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
diff --git a/info.html b/info.html
index fcc7ba6..aae3509 100644
--- a/info.html
+++ b/info.html
@@ -77,18 +77,18 @@
         <section class="links">
             <div class="f-column">
                 <a href="">Qui sommes nous ?</a> <br />
-                <a href="">Espace presse</a> <br />
-                <a href="">Nous contacter</a>
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br />
-                <a href="">Passager</a> <br />
-                <a href="">FAQ</a> <br />
+                <a href="conducteur.html">Conducteur</a> <br />
+                <a href="passager.html">Passager</a> <br />
+                <a href="faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br />
-                <a href="">Politique de confidentialité</a> <br />
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
diff --git a/login.html b/login.html
index b497464..8de442c 100644
--- a/login.html
+++ b/login.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8'>
     <title>Klaxit</title>
     <link rel='stylesheet' href="./css/styles.css">
-    <link rel='stylesheet' href="./css/login.css">
     <link rel='stylesheet' href="./css/footer.css">
+    <link rel='stylesheet' href="./css/login.css">
 </head>
 <body>
 
@@ -48,19 +48,19 @@
     <footer>
         <section class="links">
             <div class="f-column">
-                <a href="">Qui sommes nous ?</a> <br/>
-                <a href="">Espace presse</a> <br/>
-                <a href="">Nous contacter</a> 
+                <a href="">Qui sommes nous ?</a> <br />
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br/>
-                <a href="">Passager</a> <br/>
-                <a href="">FAQ</a> <br/>
+                <a href="conducteur.html">Conducteur</a> <br />
+                <a href="passager.html">Passager</a> <br />
+                <a href="faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br/>
-                <a href="">Politique de confidentialité</a> <br/>
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
diff --git a/reserver.html b/reserver.html
index 66146ff..710b4dc 100644
--- a/reserver.html
+++ b/reserver.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8'>
     <title>Klaxit - Reserver</title>
     <link rel='stylesheet' href="./css/styles.css">
-    <link rel='stylesheet' href="./css/reserver.css">
     <link rel='stylesheet' href="./css/footer.css">
+    <link rel='stylesheet' href="./css/reserver.css">
 </head>
 <body>
 
@@ -15,7 +15,7 @@
                 <a class="img" href="index.html"><img src="./css/images/logoKlaxit_BBCD_Color.webp" alt="Logo Klaxit"></a>
                 <div>
                 <a href="index.html">ACCEUIL</a>
-                <a href="#">CONDUCTEUR</a>
+                <a href="conducteur.html">CONDUCTEUR</a>
                 <a href="login.html" class="login-button">LOGIN</a>
             </div>
             </nav>
@@ -51,19 +51,19 @@
         </div>
         <section class="links">
             <div class="f-column">
-                <a href="">Qui sommes nous ?</a> <br/>
-                <a href="">Espace presse</a> <br/>
-                <a href="">Nous contacter</a> 
+                <a href="">Qui sommes nous ?</a> <br />
+                <a href="https://www.klaxit.com/presse">Espace presse</a> <br />
+                <a href="contact.html">Nous contacter</a>
             </div>
             <div class="s-column">
-                <a href="">Conducteur</a> <br/>
-                <a href="">Passager</a> <br/>
-                <a href="">FAQ</a> <br/>
+                <a href="conducteur.html">Conducteur</a> <br />
+                <a href="passager.html">Passager</a> <br />
+                <a href="faq.html">FAQ</a> <br />
             </div>
             <div class="t-colum">
-                <a href="">CGU</a> <br/>
-                <a href="">Politique de confidentialité</a> <br/>
-                <a href="">mentions légales</a>
+                <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
+                <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br />
+                <a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
             </div>
         </section>
     </footer>
-- 
GitLab