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

Harmonisation des pages et headrers

parent 57d2c701
Branches
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
contact.html
+ 9
− 9
View file @ a1fb0f39
......@@ -9,16 +9,16 @@
<body>
<header>
<nav>
<div class="boxNav">
<!--<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="reserver.html">PASSAGER</a></div>
<div><a href= "conducteur.html">Conducteur</a></div>
<div><a href= "reserver.html">Reserver</a></div>
<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="reserver.html">PASSAGER</a>
<a href="conducteur.html">CONDUCTEUR</a>
<a href="login.html" class="login-button">LOGIN</a>
</div>
</nav>
</nav>
</div>
<div class="back"></div>
<div class="textHeader">
<div class="test">
......
css/contact.css
+ 49
− 7
View file @ a1fb0f39
......@@ -7,13 +7,6 @@ html {
font-family: "Inter";
}
nav {
position: sticky;
top: 0px;
background-color: white;
padding: 10px;
}
h1{
font-size: 50px;
margin-top: 0;
......@@ -47,6 +40,55 @@ a{
font-size: 20px;
}
header>div.nav-bar{
position: relative;
z-index: 1;
background-color: white;
width: 100%;
height: 5%;
font-family: 'Inter', sans-serif;
font-style: normal;
margin: 0;
padding: 0;
}
nav>a{
text-decoration: none;
color: #231543;
}
nav>div {
display: inline-flex;
justify-content: space-around;
margin-left: 35%;
width: 40%;
}
nav>div>a{
text-decoration: none;
color: #231543;
font-size: 30px;
font-style: normal;
}
nav>a.img {
color: white;
font-size: 80px;
}
nav>a>img {
width: 10%;
margin-left: 8%;
}
nav>div>a.login-button {
text-decoration: none;
text-shadow: none;
color: white;
background: linear-gradient(201.97deg, #9968F7 12.27%, #3936CC 83.53%);
width: 30%;
text-align: center;
border-radius: 40px;
font-style: oblique;
}
header{
font-weight: bold;
......
css/index.css
+ 1
− 0
View file @ a1fb0f39
......@@ -210,6 +210,7 @@ nav>div>a.login-button {
#p1{
font: 400 24px "g";
font-family: "Inter";
color: #3f2875;
}
......
css/login.css
+ 79
− 15
View file @ a1fb0f39
......@@ -10,16 +10,47 @@
src: url('../fonts/Inter/static/Inter-Regular.ttf');
}
header {
display: flex;
justify-content: center;
h1{
font-size: 50px;
margin-top: 0;
}
h2{
margin: 0;
}
html {
background-color: #231543;
font-family: "Inter";
}
body{
background-color: #ECEDFEFF;
}
main {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
margin-bottom: 7%;
background-color: #ECEDFEFF;
}
header>div{
div.connection-success {
background-color: #B0F2B6;
font-family: "Inter";
color: black;
margin-bottom: 5%;
padding: 1%;
}
div.connection-success>a {
text-decoration: underline;
background-color: #B0F2B6;
color: black;
}
header>div.nav-bar{
position: relative;
z-index: 1;
background-color: white;
width: 100%;
height: 5%;
......@@ -28,7 +59,6 @@ header>div{
margin: 0;
padding: 0;
}
nav>a{
text-decoration: none;
color: #231543;
......@@ -36,13 +66,14 @@ nav>a{
nav>div {
display: inline-flex;
justify-content: space-around;
margin-left: 40%;
width: 35%;
margin-left: 35%;
width: 40%;
}
nav>div>a{
text-decoration: none;
color: #231543;
font-size: 30px;
font-style: normal;
}
nav>a.img {
......@@ -53,18 +84,51 @@ nav>a>img {
width: 10%;
margin-left: 8%;
}
div.connection-success {
background-color: #B0F2B6;
font-family: "Inter";
color: black;
nav>div>a.login-button {
text-decoration: none;
text-shadow: none;
color: white;
background: linear-gradient(201.97deg, #9968F7 12.27%, #3936CC 83.53%);
width: 30%;
text-align: center;
border-radius: 40px;
font-style: oblique;
}
div.connection-success>a {
text-decoration: underline;
background-color: #B0F2B6;
color: black;
.back {
z-index: 0;
background: url(https://d2pgkmld22m7v7.cloudfront.net/assets/images/header-default.png) top right no-repeat;
background-size:contain;
position: absolute;
height:60%;
width: 100%;
left: 0;
top: 0;
background-color: #231543;
}
header{
font-weight: bold;
color: white;
height: fit-content;
}
.textHeader{
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
height: 400px;
flex-direction: column;
}
.test {
display: flex;
flex-direction: column;
align-items: flex-start;
}
main>div {
......
css/reserver.css
+ 9
− 0
View file @ a1fb0f39
......@@ -10,6 +10,15 @@
src: url('../fonts/Inter/static/Inter-Regular.ttf');
}
h1{
font-size: 50px;
margin-top: 0;
}
h2{
margin: 0;
}
html {
background-color: #231543;
font-family: "Inter";
......
forms/login-result.html
+ 15
− 7
View file @ a1fb0f39
......@@ -16,8 +16,16 @@
<div>
<a href="../reserver.html">PASSAGER</a>
<a href="../conducteur.html">CONDUCTEUR</a>
<a href="../login.html" class="login-button">LOGIN</a>
</div>
</nav>
</div>
<div class="back"></div>
<div class="textHeader">
<div class="test">
<h1>Connection</h1>
<h2>Connectez-vous pour pouvoir acceder aux reservations et ajouts de trajets</h2>
</div>
</div>
</header>
......@@ -29,19 +37,19 @@
Vous pouvez desormais <a href="../reserver.html">aller réserver un trajet</a> OU <a href="../conducteur.html">proposer un trajet</a>
</div>
<div class="title">
<h1>Connectez-vous</h1>
</div>
<div class="panel">
<form action="../forms/login-result.html" method="post">
<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="mail">Mot de passe&nbsp;:</label>
<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>
<div class="button">
<button class="connect-button" type="submit">Connection</button>
</div>
......
index.html
+ 1
− 1
View file @ a1fb0f39
......@@ -52,7 +52,7 @@
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>
<a href="reserver.html" class="login-button">Réserver</a>
</div>
</div>
......
login.html
+ 10
− 2
View file @ a1fb0f39
......@@ -14,11 +14,19 @@
<nav>
<a class="img" href="index.html"><img src="./css/images/logoKlaxit_BBCD_Color.webp" alt="Logo Klaxit"></a>
<div>
<a href="reserver.html">PASSAGER</a>
<a href="conducteur.html">CONDUCTEUR</a>
<a href="reserver.html">RESERVER</a>
</div>
</div>
</nav>
</div>
<div class="back"></div>
<div class="textHeader">
<div class="test">
<h1>Connection</h1>
<h2>Connectez-vous pour pouvoir acceder aux reservations et ajouts de trajets</h2>
</div>
</div>
</header>
<main>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment