<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> <li class="nav-item mb-2"><a href="/ecosysteme-local" class="nav-link p-0 text-body-secondary">Ecosystème local</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>