From 11e4c23a4fa3988fcadf30bd1c100f225b0350d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?LK=5FCl=C3=A9ment?= <c.desbuisson04@gmail.com>
Date: Sat, 23 Dec 2023 14:11:09 +0100
Subject: [PATCH] =?UTF-8?q?Modif=20de=20pas=20mal=20de=20bug=20de=20liens?=
=?UTF-8?q?=20et=20ajout=20d'une=20page=20html=20de=20form=20pour=20le=20b?=
=?UTF-8?q?outon=20r=C3=A9server=20de=20l'acceuil?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
conducteur.html | 3 +-
css/footer.css | 2 +
css/reserver-result.css | 10 ++---
css/reserver.css | 8 ++--
forms/index-result.html | 86 ++++++++++++++++---------------------
forms/reserver-result2.html | 2 +-
6 files changed, 47 insertions(+), 64 deletions(-)
diff --git a/conducteur.html b/conducteur.html
index 3445e3f..d21325b 100644
--- a/conducteur.html
+++ b/conducteur.html
@@ -34,7 +34,6 @@
<main>
<section class="corp">
<div class="Container">
-
<div class="reserve-form">
<form action="./forms/conducteur-result.html" method="post">
<label id="title">Ajouter un trajet </label><br>
@@ -78,7 +77,7 @@
</div>
<div class="s-column">
<a href="conducteur.html">Conducteur</a> <br />
- <a href="passager.html">Passager</a> <br />
+ <a href="reserver.html">Passager</a> <br />
<a href="faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
diff --git a/css/footer.css b/css/footer.css
index a84bf2f..edb7df6 100644
--- a/css/footer.css
+++ b/css/footer.css
@@ -19,8 +19,10 @@ footer {
}
footer>section {
+ position: relative;
display: flex;
justify-content: space-around;
+ bottom: 0px;
}
footer>section>div>a {
diff --git a/css/reserver-result.css b/css/reserver-result.css
index 0b44d59..03a82f3 100644
--- a/css/reserver-result.css
+++ b/css/reserver-result.css
@@ -3,18 +3,13 @@
font-family: "Inter";
font-style: oblique;
src: url('../fonts/Inter/static/Inter-SemiBold.ttf');
- }
- @font-face {
+}
+@font-face {
font-family: 'Inter';
font-style: normal;
src: url('../fonts/Inter/static/Inter-Regular.ttf');
}
-main {
- display: flex;
- justify-content: center;
- margin-bottom: 7%;
-}
header>div{
background-color: white;
width: 100%;
@@ -68,6 +63,7 @@ main{
margin: 0;
display: flex;
justify-content: center;
+ margin-bottom: 7%;
}
main>div {
text-align: center;
diff --git a/css/reserver.css b/css/reserver.css
index 5bc240a..bcfb4e6 100644
--- a/css/reserver.css
+++ b/css/reserver.css
@@ -3,19 +3,17 @@
font-family: "Inter";
font-style: oblique;
src: url('../fonts/Inter/static/Inter-SemiBold.ttf');
- }
- @font-face {
+}
+@font-face {
font-family: 'Inter';
font-style: normal;
src: url('../fonts/Inter/static/Inter-Regular.ttf');
}
-footer {
- position: absolute;
-}
main {
display: flex;
justify-content: center;
+ margin-bottom: 7%;
}
header>div{
background-color: white;
diff --git a/forms/index-result.html b/forms/index-result.html
index 818a782..3e4b21b 100644
--- a/forms/index-result.html
+++ b/forms/index-result.html
@@ -2,74 +2,61 @@
<html>
<head>
<meta charset='utf-8'>
- <title>Acceuil</title>
- <link rel='stylesheet' href="../css/index.css">
+ <title>Klaxit</title>
+ <link rel='stylesheet' href="../css/styles.css">
+ <link rel='stylesheet' href="../css/login.css">
<link rel='stylesheet' href="../css/footer.css">
</head>
-
<body>
+
<header>
<div class="nav-bar">
<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.html">CONDUCTEUR</a>
- <a href="login.html" class="login-button">LOGIN</a>
- </div>
+ <a href="../index.html">Klaxit</a>
</nav>
</div>
-
- <div class="back"></div>
-
- <div class="textHeader">
- <h1>Le moyen de transport pour nos employés !</h1>
- <h2>Ce service est dédier au transport domicile-travail entre employés de chez Klaxit.</h2>
- </div>
-
</header>
+
<main>
- <section class="corp">
- <div class="Container">
- <div class="corpContainer">
- <div class="card">
- <p>
- Klaxit est la plateforme<br> de covoiturage conçue <br> spécifiquement pour répondre aux besoins <br>des entreprises Klaxit <br>et de leurs employés.<br>
- </p>
- </div>
- <div class="card2">
- <p id="titreCard">Nous inventons</p>
- <p>Une nouvelle manière de <br>se déplacer : plus rapide, <br>plus économique, plus<br> durable, plus sympa, plus<br> logique !<br><br> </p>
- <p id="titreCard">Pour les employés</p>
- <p>Un service gratuit, et <br> prime salariales pour les<br> personnes qui propose <br>leurs services !</p>
- </div>
- </div>
- </div>
- <div class="container-Text">
- <div class="textEquipe">
- <p class="Notre">Pourquoi <span class="equipe">Klaxit</span></p>
- <p id="p1">En proposant une solution de covoiturage dédiée,<br> Klaxit vise à faciliter les déplacements domicile-travail<br> tout en favorisant la mobilité durable.<br>
- Ce nouveau services vise les employés de Klaxit,<br> afin qu'ils puissent ce rendre à leurs bureaux <br>sans avoir à prendre chacun leurs voitures.<br></p>
- </div>
- <div class="button">
- <a href="login.html" class="login-button">Réserver</a>
- </div>
- </div>
+ <div class="connect-panel">
- </section>
+ <div class="connection-success">
+ Vous êtes desormais connecté ! <br>
+ Vous pouvez desormais <a href="../reserver.html">retourner réserver un trajet</a>
+ </div>
+ <div class="title">
+ <h1>Connectez-vous</h1>
+ </div>
+ <div class="panel">
+ <form action="../forms/login-result.html" method="post">
+ <div>
+ <label for="mail">Identifiant :</label>
+ <input type="email" id="mail"/>
+ <label for="mail">Mot de passe :</label>
+ <input type="password" id="psswd">
+ <p class="NB">*Vous devez utiliser les identifiants informatique que vous utilisé sur les ordinateurs de l’entreprise</p>
+ </div>
+ <div>
+ <button class="connect-button" type="submit">Connection</button>
+ </div>
+
+ </form>
+ </div>
</main>
+
+
<footer>
<section class="links">
<div class="f-column">
- <a href="info.html">Qui sommes nous ?</a> <br />
+ <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>
+ <a href="../contact.html">Nous contacter</a>
</div>
<div class="s-column">
- <a href="conducteur.html">Conducteur</a> <br />
- <a href="reserver.html">Reserver</a> <br />
- <a href="faq.html">FAQ</a> <br />
+ <a href="../conducteur.html">Conducteur</a> <br />
+ <a href="../reserver.html">Reserver</a> <br />
+ <a href="../faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
<a href="https://www.klaxit.com/conditions-generales">CGU</a> <br />
@@ -77,6 +64,7 @@
<a href="https://www.klaxit.com/mentions-legales">mentions légales</a>
</div>
</section>
+ </footer>
</body>
</html>
\ No newline at end of file
diff --git a/forms/reserver-result2.html b/forms/reserver-result2.html
index 357af25..76415e1 100644
--- a/forms/reserver-result2.html
+++ b/forms/reserver-result2.html
@@ -13,7 +13,7 @@
<header>
<div class="nav-bar">
<nav>
- <a class="img" href="index.html"><img src="../css/images/logoKlaxit_BBCD_Color.webp" alt="Logo Klaxit"></a>
+ <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.html">CONDUCTEUR</a>
--
GitLab