website-astro/src/components/Footer.astro

<footer class='footer' role='contentinfo'>
	<section class='flow'>
		<p>Nicolas Arduin</p>
		<p>Développeur web spécialisé en accessibilité.</p>
		<ul class='flow' role='list'>
			<li>
				<a
					href='mailto:contact@nardu.in'
					title='Envoyez-moi un mail (ouverture du logiciel automatique).'
					>contact@nardu.in</a
				>
			</li>
			<li>
				<a
					href='tel:+33749464239'
					title='Contactez-moi par téléphone (ouverture du logiciel automatique)'
					>+337 49 46 42 39</a
				>
			</li>
			<li><a href='/veille'>Veille</a></li>
			<li><a href='/plan-du-site'>Plan du site</a></li>
			<li><a href='/"rss.xml'>RSS</a></li>
		</ul>
	</section>
</footer>

<style>
	.footer {
		--flow-space: var(--space-xs-s);
		inline-size: 100%;
		margin: 0 auto;
		margin-block-start: var(--space-m-l);
		padding: var(--space-s-m);
		text-align: center;
		border-top: solid 2px var(--color-dark-blue);
	}

	.footer a {
		font-weight: 500;
		color: var(--color-blue);
	}
</style>