Skip to content
Snippets Groups Projects
Commit abba8ee9 authored by Matias Mennecart's avatar Matias Mennecart
Browse files

Ajouts de la page Conducteur et fix des liens vers la page de reservation

parent 0832e254
Branches
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 232 additions and 79 deletions
conducteur.html
+ 30
− 13
View file @ abba8ee9
......@@ -2,29 +2,46 @@
<html>
<head>
<meta charset='utf-8'>
<title>Klaxit - Reserver</title>
<link rel='stylesheet' href="./public/styles.css">
<link rel='stylesheet' href="./public/conducteur.css">
<link rel='stylesheet' href="./public/footer.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 href="index.html">Accueil</a>
<a href="reserver.html">Passager</a>
<a href="login.html" class="login-button">Login</a>
<a class="img" href="index.html"><img src="./css/images/logoKlaxit_BBCD_Color.webp" alt="Logo Klaxit"></a>
<div>
<a href="conducteur.html">CONDUCTEUR</a>
<a href="reserver.html">PASSAGER</a>
</div>
</nav>
</div>
</header>
<main>
<div class="conducteur-panel">
<form action="./forms/conducteur-result.html" method="post">
<div class="connect-panel">
<div class="panel">
<div class="title">
<h1>Connectez-vous</h1>
</div>
<form action="./forms/login-result.html" method="post">
<div>
<label for="mail">Identifiant&nbsp;:</label>
<input type="email" id="mail"/>
<label for="paswd">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 class="button">
<button class="connect-button" type="submit">Connection</button>
</div>
</form>
</div>
</form>
</div>
</main>
......@@ -37,7 +54,7 @@
</div>
<div class="s-column">
<a href="conducteur.html">Conducteur</a> <br />
<a href="passager.html">Passager</a> <br />
<a href="reserver.html">Reserver</a> <br />
<a href="faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......@@ -49,4 +66,4 @@
</footer>
</body>
</html>
\ No newline at end of file
</html>
contact.html
+ 2
− 2
View file @ abba8ee9
......@@ -16,7 +16,7 @@
<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= "reserver.html">Reserver</a></div>
</div>
</nav>
<div class="back"></div>
......@@ -77,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">Reserver</a> <br />
<a href="faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......
css/conducteur.css
+ 163
− 4
View file @ abba8ee9
......@@ -4,12 +4,171 @@
}
header {
body {
margin: 0;
}
html {
background-color: #231543;
font-family: "Inter";
}
nav {
position: sticky;
top: 0px;
background-color: white;
padding: 10px;
}
h1{
font-size: 50px;
margin-top: 0;
}
h2{
margin: 0;
}
.back {
z-index: -1;
background: url(https://d2pgkmld22m7v7.cloudfront.net/assets/images/header-default.png) top right no-repeat;
background-size:contain;
position: absolute;
height:70%;
width: 100%;
left: 0;
top: 0;
}
.boxNav{
display: flex;
justify-content: space-evenly;
padding: 7px;
}
a{
text-decoration: none;
font-weight: bold;
color: #3f2875;
font-size: 20px;
}
header{
font-weight: bold;
color: white;
height: fit-content;
}
.textHeader{
display: flex;
align-items: center;
justify-content: center;
margin-top: 2%;
height: 400px;
}
main {
.test {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.corp{
padding-bottom: 220px;
background-color: #ECEDFEFF;
}
.corpContainer{
height: fit-content;
width: 800px;
background-color:white;
border-radius: 50px;
margin-top: 30px;
}
.Container{
margin: 25px;
width: auto;
display: flex;
justify-content: center;
}
\ No newline at end of file
height: fit-content;
}
div.connection-success {
background-color: #B0F2B6;
font-family: "Inter";
color: black;
text-align: center;
}
div.connection-success>a {
text-decoration: underline;
background-color: #B0F2B6;
color: black;
}
footer {
position: sticky;
bottom: 0px;
}
.connect-panel {
background-color: white;
border-radius: 45px;
box-shadow: 0px 100px 400px rgba(0,0,0,0.04), 0px 41.7776px 33.4221px rgba(0,0,0,0.0287542);
height : 400px;
margin-top: 5px;
}
.texte{
display: flex;
flex-direction: column;
padding-left: 50px;
padding-top: 60px;
font-size: 35px;
}
.panel{
text-align: center;
}
form>div>input {
width: 150%;
height: 23px;
background-color:#D9D9D9;
border: none;
margin-top: 2px;
}
div.button {
cursor: pointer;
width: 70%;
margin-left: 60%;
background: linear-gradient(201.97deg, #9968F7 12.27%, #3936CC 83.53%);
border-radius: 45px;
margin-top: 25%;
}
div>button {
cursor: pointer;
display: contents;
font-size: 45px;
font-family: "Inter";
font-style: oblique;
width: 100%;
color: white;
}
form {
font-family: "Inter";
}
faq.html
+ 2
− 2
View file @ abba8ee9
......@@ -16,7 +16,7 @@
<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= "reserver.html">Reserver</a></div>
</div>
</nav>
<div class="back"></div>
......@@ -82,7 +82,7 @@
</div>
<div class="s-column">
<a href="conducteur.html">Conducteur</a> <br />
<a href="passager.html">Passager</a> <br />
<a href="reserver.html">Reserver</a> <br />
<a href="faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......
forms/contact-result.html
+ 27
− 50
View file @ abba8ee9
......@@ -2,9 +2,10 @@
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Contact</title>
<link rel="stylesheet" href="../css/contact.css" />
<link rel="stylesheet" href="../css/footer.css" />
<title>Conducteur</title>
<link rel="stylesheet" href="./css/info.css" />
<link rel="stylesheet" href="./css/footer.css" />
<link rel="stylesheet" href="./css/conducteur.css" />
</head>
<body>
......@@ -14,17 +15,17 @@
<!--<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= "contact.html">Contact</a></div>
<div><a href= "passager.html">Passager</a></div>
</div>
</nav>
<div class="back"></div>
<div class="textHeader">
<div class="test">
<h1>Contact</h1>
<h2>Bienvenue sur notre formulaire de contact</h2>
<p>Vous aller pouvoir nous envoyer une demande de message via le formulaire ci-dessous.</p>
<h1>Conducteur ?</h1>
<h2>Veuillez renseigner vos informations ci-dessous.</h2>
<p>Nous nous chargeons de vous trouvez des passager.</p>
</div>
</div>
......@@ -32,48 +33,24 @@
</header>
<main>
<section class="corp">
<div class="containerImg">
<div class="fondImg">
<img class="imgRect" src="../img/RectangleMixe.png" alt="rectangle" />
<div class="Container">
<div class="corpContainer">
<div class="connect-panel">
<div class="panel">
<form>
<div class="texte">
<label for="Départ">Votre point de départ&nbsp;:</label>
<input type="string" id="lieux"/>
<label for="Heure">Heure de départ&nbsp;:</label>
<input type="nombre" id="heure">
</div>
<div class="button">
<button class="confirm-button" type="submit">Confirmer</button>
</div>
</form>
</div>
</div>
</div>
<div class="formContainer">
<div class="corpImg">
<div class="container-connection">
<div class="connection-success">
Vous avez bien envoyée votre requête ! <br>
Nous vous répondrons dans les plus bref délais. <br>
Vous pouvez desormais <a href="../index.html">retourner a l'accueil.</a>
</div>
</div>
<form>
<label class="titreForm">Formulaire de contact : <br><br></label>
<div class="dispoForm">
<label class="nomForm">
<input name="submitted-name" autocomplete="nom" placeholder="Votre nom"/>
</label>
<label class="prenomForm">
<input name="submitted-surname" autocomplete="prenom" placeholder="Votre prénom"/>
</label><br><br>
</div>
<label id="email">
<input type="email" name="email" id="emailform" placeholder="Votre adresse e-mail"/>
</label>
<label>
<br><br>
<textarea name="text" id="text" placeholder="Votre message"></textarea>
</label>
<label>
<input class="btn-purple" type="submit" name="send" value="ENVOYER VOTRE MESSAGE">
</label>
</form>
</div>
</div>
</section>
</main>
......@@ -87,7 +64,7 @@
</div>
<div class="s-column">
<a href="../conducteur.html">Conducteur</a> <br />
<a href="../passager.html">Passager</a> <br />
<a href="../reserver.html">Reserver</a> <br />
<a href="../faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......
forms/login-result.html
+ 1
− 1
View file @ abba8ee9
......@@ -58,7 +58,7 @@
</div>
<div class="s-column">
<a href="../conducteur.html">Conducteur</a> <br />
<a href="../passager.html">Passager</a> <br />
<a href="../reserver.html">Reserver</a> <br />
<a href="../faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......
forms/reserver-result.html
+ 1
− 1
View file @ abba8ee9
......@@ -74,7 +74,7 @@
</div>
<div class="s-column">
<a href="../conducteur.html">Conducteur</a> <br />
<a href="../passager.html">Passager</a> <br />
<a href="../reserver.html">Reserver</a> <br />
<a href="../faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......
forms/reserver-result2.html
+ 1
− 1
View file @ abba8ee9
......@@ -54,7 +54,7 @@
</div>
<div class="s-column">
<a href="../conducteur.html">Conducteur</a> <br />
<a href="../passager.html">Passager</a> <br />
<a href="../reserver.html">Reserver</a> <br />
<a href="../faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......
index.html
+ 1
− 1
View file @ abba8ee9
......@@ -48,7 +48,7 @@
</div>
<div class="s-column">
<a href="conducteur.html">Conducteur</a> <br />
<a href="passager.html">Passager</a> <br />
<a href="reserver.html">Reserver</a> <br />
<a href="faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......
info.html
+ 2
− 2
View file @ abba8ee9
......@@ -16,7 +16,7 @@
<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= "reserver.html">Reserver</a></div>
</div>
</nav>
<div class="back"></div>
......@@ -82,7 +82,7 @@
</div>
<div class="s-column">
<a href="conducteur.html">Conducteur</a> <br />
<a href="passager.html">Passager</a> <br />
<a href="reserver.html">Reserver</a> <br />
<a href="faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......
login.html
+ 1
− 1
View file @ abba8ee9
......@@ -54,7 +54,7 @@
</div>
<div class="s-column">
<a href="conducteur.html">Conducteur</a> <br />
<a href="passager.html">Passager</a> <br />
<a href="reserver.html">Reserver</a> <br />
<a href="faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......
reserver.html
+ 1
− 1
View file @ abba8ee9
......@@ -57,7 +57,7 @@
</div>
<div class="s-column">
<a href="conducteur.html">Conducteur</a> <br />
<a href="passager.html">Passager</a> <br />
<a href="reserver.html">Reserver</a> <br />
<a href="faq.html">FAQ</a> <br />
</div>
<div class="t-colum">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment