Début mise en page footer
This commit is contained in:
parent
e15003fc5c
commit
16289a1c15
2 changed files with 43 additions and 2 deletions
|
|
@ -1,5 +1,32 @@
|
||||||
|
|
||||||
<h2>coucou c'est le footer</h2>
|
<footer class="footer container-fluid d-flex justify-content-around">
|
||||||
|
<div class="col-3">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Découvrir</a>
|
||||||
|
<li><a href="#">Customisation</a>
|
||||||
|
<li><a href="#">Emploi</a>
|
||||||
|
<li><a href="#">A propos</a>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-3">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Recruter</a>
|
||||||
|
<li><a href="#">Partenariat</a>
|
||||||
|
<li><a href="#">Blog</a>
|
||||||
|
<li><a href="#">Aide et support</a>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-3">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Politique de confidentialité</a>
|
||||||
|
<li><a href="#">Politique sur les données</a>
|
||||||
|
<li><a href="#">CGU</a>
|
||||||
|
<li><a href="#">CGV</a>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-3">
|
||||||
|
<p>Suivez-nous</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -96,3 +96,17 @@ body {
|
||||||
height: 20%;
|
height: 20%;
|
||||||
padding: 0.75rem;
|
padding: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer{
|
||||||
|
color: white;
|
||||||
|
background-color: #0000ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer ul{
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a{
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue