vmems-website/layouts/partials/footer.html
Matthieu Bessat 6015de48e9
All checks were successful
Deploy workflow / deploy (push) Successful in 14s
fix: typo add details
2024-08-25 18:35:06 +02:00

56 lines
2.9 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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="/signalements" class="nav-link p-0 text-body-secondary">Problèmes signalés</a></li>
<li class="nav-item mb-2"><a href="/projets" class="nav-link p-0 text-body-secondary">Projets et futur aménagements</a></li>
</ul>
</div>
<div class="col-3 col-md-2 mb-3">
<h5>Le vélo en général</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="/amenagements/stationnement" class="nav-link p-0 text-body-secondary">Stationnement / Parking</a></li>
<li class="nav-item mb-2"><a href="/ressources" class="nav-link p-0 text-body-secondary">Ressources</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 courant des dernières actualités de l'association. Email d'information envoyé 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>