feat: Amélioration du footer

This commit is contained in:
Simon 2020-11-04 11:56:36 +01:00
parent 37dc56415a
commit 5c706477b0
2 changed files with 30 additions and 40 deletions

View File

@ -1,5 +1,5 @@
.footer .footer
margin: 2rem 0 margin: 2rem 0 0
padding: 2rem padding: 2rem
background: white background: white
display: flex display: flex
@ -11,3 +11,9 @@
word-break: break-all word-break: break-all
white-space: normal white-space: normal
user-select: inherit user-select: inherit
@media screen and (min-width: 840px)
text-align: center
.explain
text-align: center

View File

@ -2,47 +2,31 @@
<footer class="footer"> <footer class="footer">
<div class="container grid-xl"> <div class="container grid-xl">
<div class="columns"> <div class="columns">
<div class="column col-4"> <div class="column col-4 col-md-6 text-right">
<div class="card"> <img src="logo.png" alt="Blason de Crémeaux" height="80" width="229" class="float-right" style="max-width: inherit">
<div class="card-header">
<div class="card-title h5">Mairie</div>
</div>
<div class="card-body">
Ouverture : Lundi, mardi, jeudi et vendredi de 8h40 à 12h15, mercredi de 9h15 à 12h15.
</div>
<div class="card-footer">
<button class="btn btn-link vert">📞 04 77 62 50 67</button>
<button class="btn btn-link vert">📫 mairie@cremeaux.fr</button>
</div>
</div>
</div> </div>
<div class="column col-4"> <div class="column col-8 col-md-6">
<div class="card"> <h5>Mairie</h5>
<div class="card-header"> <p>Lundi Mardi Jeudi Vendredi : 8h30 à 12h15<br>Mercredi : 9h15 à 12h15</p>
<div class="card-title h5">Bibliothèque Municipale</div> <ul>
</div> <li>📞 04 77 62 50 67</li>
<div class="card-body"> <li>📫 mairie@cremeaux.fr</li>
Ouverture : Mercredi de 16h40 à 18h40, vendredi et samedi de 10h à 12h. </ul>
</div> <h5>Bibliothèque Municipale</h5>
<div class="card-footer"> <p>Mercredi : 16h40 à 18h40<br>Vendredi Samedi : 10h à 12h</p>
<button class="btn btn-link vert">📞 04 77 62 82 66</button> <ul>
<button class="btn btn-link vert">📫 <span>bibliotheque</span><span>@cremeaux.fr</span></button> <li>📞 04 77 62 82 66</li>
</div> <li>📫 bibliotheque@cremeaux.fr</li>
</div> </ul>
</div> <h5>Agence Postale</h5>
<div class="column col-4"> <p>Mardi Mercredi Jeudi Vendredi Samedi : 9h15 à 12h15</p>
<div class="card"> <ul>
<div class="card-header"> <li>📞 04 77 62 56 49</li>
<div class="card-title h5">Agence Postale</div> </ul>
</div>
<div class="card-body">
Ouverture : Mardi, mercredi, jeudi, vendredi et samedi de 9h15 à 12h15.
</div>
<div class="card-footer">
<button class="btn btn-link vert">📞 04 77 62 56 49</button>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</footer> </footer>
<footer class="explain">
Ce site est réalisé de façon <a href="https://weko.io">éco-responsable, économe en énergie sans aucun traceur</a>.
</footer>