angular-covid/angular/src/app/footer/footer.component.html
2025-03-07 16:04:50 +01:00

26 lines
2 KiB
HTML

<footer class="bg-primary text-white py-3">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4 d-flex align-items-center text-start">
<img src="/assets/logo.png" alt="Angular Covid" height="50" class="me-2">
<span class="fs-4 fw-bold">Angular Covid</span>
</div>
<div class="col-md-4 offset-md-4 d-flex justify-content-end align-items-center">
<span class="me-3">Suivez-nous</span>
<a href="#" class="text-white me-2 d-flex align-items-center justify-content-center rounded-circle bg-light p-2" style="width: 40px; height: 40px;"><i class="bi bi-rss text-dark"></i></a>
<a href="#" class="text-white me-2 d-flex align-items-center justify-content-center rounded-circle bg-light p-2" style="width: 40px; height: 40px;"><i class="bi bi-twitter-x text-dark"></i></a>
<a href="#" class="text-white me-2 d-flex align-items-center justify-content-center rounded-circle bg-light p-2" style="width: 40px; height: 40px;"><i class="bi bi-facebook text-dark"></i></a>
<a href="#" class="text-white me-2 d-flex align-items-center justify-content-center rounded-circle bg-light p-2" style="width: 40px; height: 40px;"><i class="bi bi-youtube text-dark"></i></a>
<a href="#" class="text-white d-flex align-items-center justify-content-center rounded-circle bg-light p-2" style="width: 40px; height: 40px;"><i class="bi bi-linkedin text-dark"></i></a>
</div>
</div>
<div class="text-center mt-3">
<span>&copy; Angular Covid - Tous droits réservés</span>
<a href="#" class="text-white me-3 SpaceMargin-02">Mentions légales</a>
<a href="#" class="text-white me-3">Cookies</a>
<a href="#" class="text-white me-3">Accessibilité</a>
<a routerLink="/contacts" class="text-white me-3">Nous contacter</a>
<a href="#" class="text-white me-3">Presse</a>
</div>
</div>
</footer>