From 9d9fa2e14d43abd7d84a4160e37cdc6e2685fcba Mon Sep 17 00:00:00 2001
From: Matias Mennecart <matias.mennecart.etu@univ-lille.fr>
Date: Thu, 21 Dec 2023 19:49:14 +0100
Subject: [PATCH] modif du header
---
css/faq.css | 12 +++++++++++
css/info.css | 57 ++++++++++++++++++++++++++++++++++++++++++++++------
info.html | 23 ++++++++++++---------
3 files changed, 76 insertions(+), 16 deletions(-)
diff --git a/css/faq.css b/css/faq.css
index 803f528..190faab 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 1046d03..6e18b2a 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 63a294f..006e182 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">
--
GitLab