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

modif du header

parent abba8ee9
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
css/faq.css
+ 36
− 6
View file @ ca4db250
...@@ -7,12 +7,7 @@ html { ...@@ -7,12 +7,7 @@ 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;
...@@ -60,6 +55,41 @@ header{ ...@@ -60,6 +55,41 @@ header{
height: 400px; height: 400px;
} }
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%;
}
.test { .test {
display: flex; display: flex;
......
faq.html
+ 21
− 21
View file @ ca4db250
...@@ -9,27 +9,27 @@ ...@@ -9,27 +9,27 @@
<body> <body>
<header> <header>
<nav> <div class="nav-bar">
<div class="boxNav"> <nav>
<!--<div><li><a href= "index.html">Acceuil</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= "conducteur.html">Conducteur</a></li></div> <div>
<div><li><a href= "passager.html">Passager</a></li></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="login.html" class="login-button">LOGIN</a>
<div><a href= "reserver.html">Reserver</a></div> </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">
<h1>Comment pouvons nous vous aider ?</h1> <h1>Comment pouvons nous vous aider ?</h1>
<h2>Vous trouverez ici les questions les plus récurentes.</h2> <h2>Vous trouverez ici les questions les plus récurentes.</h2>
<p>Si cette page ne vous aide pas a répondre a votre question dirigez vous vers la page de contact.</p> <p>Si cette page ne vous aide pas a répondre a votre question dirigez vous vers la page de contact.</p>
</div> </div>
</div> </div>
</header> </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