vmems-website/layouts/partials/footer.html
Matthieu Bessat 293ac83a9d
All checks were successful
Deploy workflow / deploy (push) Successful in 17s
feat: prep for next version
- per subject of projects page
- add basic news page
- new layout with bootstrap
- more misc pages
2024-08-12 23:52:20 +02:00

50 lines
2.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<footer class="page-footer mt-5 py-5">
<div class="container">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Le vélo à Gaillon-Aubevoye</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="/etat" class="nav-link p-0 text-body-secondary">Problèmes et état des infrastructures</a></li>
<li class="nav-item mb-2"><a href="/projets" class="nav-link p-0 text-body-secondary">Sujets en cours</a></li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>L'association</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="/association" class="nav-link p-0 text-body-secondary">À propos</a></li>
<li class="nav-item mb-2"><a href="/association/rejoindre" class="nav-link p-0 text-body-secondary">Nous rejoindre</a></li>
<li class="nav-item mb-2"><a href="/association/contact" class="nav-link p-0 text-body-secondary">Nous contacter</a></li>
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Abonnez vous à notre liste de diffusion</h5>
<p>Soyez aux courants des actualités de l'association. Lettre d'information envoyé par email tout les trimestres.</p>
<!-- TODO, add small js script to handle subsription -->
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Adresse email</label>
<input id="newsletter1" type="text" class="form-control" placeholder="Adresse email">
<button class="btn btn-primary" type="button">S'abonner</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>VMEMS Contenu en <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">licence Creative Commons CC-BY-SA</a> sauf si mentioné autrement</p>
<ul class="list-unstyled d-flex">
<li class="ms-3"><a class="link-body-emphasis" href="#">
<svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg>
</a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#">
<svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg>
</a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#">
<svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a>
</li>
</ul>
</div>
</div>
</footer>