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.
 
 

53 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/la/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="16x16" href="/favicon.png">
<link rel="stylesheet" href="../styles/styles.css">
<link rel="stylesheet" href="../styles/fork-awesome/css/fork-awesome.min.css">
</head>
<body>
<header id="nav-header">
<nav>
<a class="nav-link" href="/index.html"><span class="fa fa-home fa-fw" aria-hidden="true"></span>Accueil</a>
<a class="nav-link" href="/blog/index.html"><span class="fa fa-newspaper-o fa-w" aria-hidden="true"></span>Blog</a>
<a class="nav-link" href="/blog/flux.atom"><span class="fa fa-rss fa-w"></span>Syndication</a>
<a class="nav-link" href="/pages/à-propos.html"><span class="fa fa-user-circle-o fa-fw" aria-hidden="true"></span>À propos</a>
</nav>
</header>
<main>
<h1>À propos</h1>
<section>
<h2>Titre de la première section</h2>
<picture>
<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="profil" 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>
<a class="nav-link" href="/pages/droit-d’auteur.html">Droit d’auteur</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>
</footer>
</body>
</html>