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