funky-framadate-front/src/app/core/components/footer/footer.component.html

<footer class="footer">
	<div class="content has-text-centered">
		<p>
			<img class="app-logo logo" *ngIf="env.appLogo" src="{{ env.appLogo }}" alt="{{ env.appTitle }}" />

			{{ env.appTitle }} - {{ env.appVersion }} - libérez vos sondages. <i class="fa fa-copyleft"></i> Logiciel
			libre sous licence AGPL v3.
			<app-theme-selector></app-theme-selector>

			<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/tree/master">
				<i class="fa fa-gitlab"></i> Sources</a
			>
			|
			<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/tree/master/docs">
				<i class="fa fa-book"></i>
				🚴 Documentation
			</a>
			|
			<a href="https://framateam.org/ux-framatrucs/channels/framadate">
				<i class="fa fa-comment"></i>
				canal de discussion Framateam
			</a>
			|
			<a href="https://riot.im/app/#/room/#framadate:matrix.org">
				<i class="fa fa-matrix-org"></i>
				canal Matrix
			</a>
		</p>
		<div>
			<div class="columns">
				<div class="column">
					<h3 class="title is-3">Framasoft</h3>
					L’association,Notre charte,Contacter Framasoft,Statistiques,État des services
				</div>
				<div class="column">
					<h3 class="title is-3">Communauté</h3>
					Framacolibri,Participer,Bénévolat valorisé,Partenaires,Charte de modération
				</div>
				<div class="column">
					<h3 class="title is-3">Framadate</h3>
					Entraide,Guides et astuces,Mentions légales,CGU,Crédits
				</div>
				<div class="column">
					<form action="#">
						<label for="subscribe_newsletter">
							<i class="fa fa-enveloppe"></i>
							Inscrivez-vous à la newsletter
						</label>
						<input type="text" class="input" id="subscribe_newsletter" />
						<button class="button is-outlined is-primary" (click)="subscribeToNewsletter()">
							S'inscrire
						</button>
					</form>
				</div>
			</div>
		</div>
	</div>
</footer>