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