Skip to content
Snippets Groups Projects
Commit 11e4c23a authored by LK_Clément's avatar LK_Clément
Browse files

Modif de pas mal de bug de liens et ajout d'une page html de form pour le... 

Modif de pas mal de bug de liens et ajout d'une page html de form pour le bouton réserver de l'acceuil
parent 70c8edae
Branches
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
conducteur.html
+ 1
− 2
View file @ 11e4c23a
......@@ -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&nbsp;</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">
......
css/footer.css
+ 2
− 0
View file @ 11e4c23a
......@@ -19,8 +19,10 @@ footer {
}
footer>section {
position: relative;
display: flex;
justify-content: space-around;
bottom: 0px;
}
footer>section>div>a {
......
css/reserver-result.css
+ 3
− 7
View file @ 11e4c23a
......@@ -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;
......
css/reserver.css
+ 3
− 5
View file @ 11e4c23a
......@@ -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;
......
forms/index-result.html
+ 37
− 49
View file @ 11e4c23a
......@@ -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&nbsp;:</label>
<input type="email" id="mail"/>
<label for="mail">Mot de passe&nbsp;:</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
forms/reserver-result2.html
+ 1
− 1
View file @ 11e4c23a
......@@ -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>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment