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

modif du header

parent abba8ee9
Branches
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 {
font-family: "Inter";
}
nav {
position: sticky;
top: 0px;
background-color: white;
padding: 10px;
}
h1{
font-size: 50px;
......@@ -60,6 +55,41 @@ header{
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 {
display: flex;
......
faq.html
+ 21
− 21
View file @ ca4db250
......@@ -9,27 +9,27 @@
<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>
</nav>
<div class="back"></div>
<div class="textHeader">
<div class="test">
<h1>Comment pouvons nous vous aider ?</h1>
<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>
</div>
</div>
</header>
<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>
</div>
<div class="back"></div>
<div class="textHeader">
<div class="test">
<h1>Comment pouvons nous vous aider ?</h1>
<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>
</div>
</div>
</header>
<main>
<section class="corp">
<div class="Container">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment