app.component.html

<header>
    <app-anis-nav [isAuthenticated]="isAuthenticated | async" [loginToken]="loginToken | async" (logout)="logout()"></app-anis-nav>
</header>
<main role="main" class="container flex-shrink-0 pb-4">
    <router-outlet></router-outlet>
</main>
<footer class="footer mt-auto bg-light">
    <div class="container my-3">
        <div class="row justify-content-center mb-3">
            <small>&copy; ANIS 2014 - {{ year }}</small>
        </div>
        <div class="row justify-content-around">
            <div class="col text-center">
                <a href="http://cesam.lam.fr" title="Centre de données Astrophysique de Marseille">
                    <img class="img-fluid" src="../../../assets/logo_cesam_s.png" alt="CeSAM" />
                </a>
            </div>
            <div class="col text-center">
                <a href="http://lam.oamp.fr" title="Laboratoire d'Astrophysique de Marseille">
                    <img class="img-fluid" src="../../../assets/logo_lam_s.png" alt="LAM" />
                </a>
            </div>
            <div class="col text-center">
                <a href="http://www.univ-amu.fr" title="Aix*Marseille Université">
                    <img class="img-fluid" src="../../../assets/logo_amu_s.png" alt="AMU" />
                </a>
            </div>
            <div class="col text-center">
                <a href="http://www.insu.cnrs.fr" title="Institut National des Sciences de l'Univers">
                    <img class="img-fluid" src="../../../assets/logo_insu_s.png" alt="INSU" />
                </a>
            </div>
            <div class="col text-center">
                <a href="http://anis.lam.fr" title="AstroNomical Information System">
                    <img class="img-fluid" src="../../../assets/cesam_anis40.png" alt="INSU" />
                </a>
            </div>
        </div>
    </div>
</footer>