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

modif du header

parent ca4db250
Branches
Tags
No related merge requests found
Hide whitespace changes
Inline Side-by-side
css/faq.css
+ 12
− 0
View file @ 9d9fa2e1
...@@ -90,6 +90,18 @@ nav>a>img { ...@@ -90,6 +90,18 @@ nav>a>img {
margin-left: 8%; 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 { .test {
display: flex; display: flex;
......
css/info.css
+ 51
− 6
View file @ 9d9fa2e1
...@@ -7,12 +7,6 @@ html { ...@@ -7,12 +7,6 @@ html {
font-family: "Inter"; font-family: "Inter";
} }
nav {
position: sticky;
top: 0px;
background-color: white;
padding: 10px;
}
h1{ h1{
font-size: 50px; font-size: 50px;
...@@ -61,6 +55,57 @@ header{ ...@@ -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 { .test {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
info.html
+ 13
− 10
View file @ 9d9fa2e1
...@@ -9,16 +9,17 @@ ...@@ -9,16 +9,17 @@
<body> <body>
<header> <header>
<nav>
<div class="boxNav"> <div class="nav-bar">
<!--<div><li><a href= "index.html">Acceuil</a></li></div> <nav>
<div><li><a href= "conducteur.html">Conducteur</a></li></div> <a class="img" href="index.html"><img src="./css/images/logoKlaxit_BBCD_Color.webp" alt="Logo Klaxit"></a>
<div><li><a href= "passager.html">Passager</a></li></div> --> <div>
<div><a href= "index.html">Acceuil</a></div> <a href="index.html">ACCEUIL</a>
<div><a href= "conducteur.html">Conducteur</a></div> <a href="conducteur.html">CONDUCTEUR</a>
<div><a href= "reserver.html">Reserver</a></div> <a href="login.html" class="login-button">LOGIN</a>
</div> </div>
</nav> </nav>
</div>
<div class="back"></div> <div class="back"></div>
<div class="textHeader"> <div class="textHeader">
<div class="test"> <div class="test">
...@@ -29,7 +30,9 @@ ...@@ -29,7 +30,9 @@
</div> </div>
</header> </div>
</header>
<main> <main>
<section class="corp"> <section class="corp">
<div class="Container"> <div class="Container">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment