Code source de mon site Web personnel. https://www.borfigat.org/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

54 lines
2.2 KiB

<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="utf-8">
<title>À propos</title>
<meta name="author" content="Nom de l’auteur">
<meta name="description" content="En apprendre plus sur Nom de l’auteur.">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="license" href="lien/vers/licence">
<link rel="alternate" type="application/atom+xml" title="Flux Atom des articles du blog" href="/blog/flux.atom">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
<link rel="stylesheet" href="../styles/styles.css">
</head>
<body>
<header id="nav-header">
<nav>
<a class="nav-link" href="/">Accueil</a>
<a class="nav-link" href="/blog/">Blog</a>
<a class="nav-link" href="/pages/à-propos.html">À propos</a>
<a class="nav-link" href="/pages/contact.html">Contact</a>
</nav>
</header>
<main>
<h1>À propos</h1>
<section>
<h2>Titre de la première section</h2>
<picture>
<source type="image/avif" srcset="../images/profil-150w.avif 150w, ../images/profil-200w.avif 200w" sizes="(max-width: 700px) 150px, 200px">
<source type="image/webp" srcset="../images/profil-150w.webp 150w, ../images/profil-200w.webp 200w" sizes="(max-width: 700px) 150px, 200px">
<source type="image/jpeg" srcset="../images/profil-150w.jpg 150w, ../images/profil-200w.jpg 200w" sizes="(max-width: 700px) 150px, 200px">
<img id="profile" alt="Texte alternatif de l’image." src="../images/profil-200w.jpg">
</picture>
</section>
<section>
<h2>Titre de la deuxième section</h2>
<p>Texte.</p>
</section>
</main>
<footer>
<p><a class="nav-link" title="S’abonner aux nouvelles publications du blog (flux Atom)" href="/blog/flux.atom"><img src="/images/feed-icon.svg" alt="Flux Atom" width="30" height="30"></a></p>
<p><a class="nav-link" href="/pages/crédits.html">Crédits</a> · <a class="nav-link" href="/pages/mentions-légales.html">Mentions légales</a> · <a class="nav-link" href="/pages/politique-de-confidentialité.html">Politique de confidentialité</a></p>
</footer>
</body>
</html>