diff --git a/css/faq.css b/css/faq.css
index 803f528c2d2dd793232ef25926c9c3a7e49a87a3..190faaba7f5f4ead912a5e7199ba19cb7d93136f 100644
--- a/css/faq.css
+++ b/css/faq.css
@@ -90,6 +90,18 @@ nav>a>img {
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;
+}
+
+
.test {
display: flex;
diff --git a/css/info.css b/css/info.css
index 1046d033b97c7d19c6e2f80db514e9322c1e8522..6e18b2aec39af21c8dc9ffbcf7f2a5a939504334 100644
--- a/css/info.css
+++ b/css/info.css
@@ -7,12 +7,6 @@ html {
font-family: "Inter";
}
-nav {
- position: sticky;
- top: 0px;
- background-color: white;
- padding: 10px;
-}
h1{
font-size: 50px;
@@ -61,6 +55,57 @@ header{
}
+header>div.nav-bar{
+ 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: 40%;
+ width: 35%;
+}
+nav>div>a{
+ text-decoration: none;
+ color: #231543;
+ font-size: 30px;
+
+}
+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;
+}
+
+
+
+
+
.test {
display: flex;
flex-direction: column;
diff --git a/info.html b/info.html
index 63a294fd83d148a7fd47a87c6619ee663f70bc7d..006e182f6c5f365301f8e73e743f41bdbd38a5d0 100644
--- a/info.html
+++ b/info.html
@@ -9,16 +9,17 @@
<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= "index.html">Acceuil</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="index.html">ACCEUIL</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">
@@ -29,7 +30,9 @@
</div>
- </header>
+ </div>
+
+</header>
<main>
<section class="corp">
<div class="Container">