Ce document n’est là que pour tester les différents éléments qui le composent. Des titres, des liens, des images. Un large panel de différents élément html afin d’avoir un aperçu rapide des fonctions du site.
.code {
color: #ffcc00
}Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci, ab? Quibusdam quisquam saepe ipsa quam ipsam. Nemo sit tempora, quos fugit ipsa molestiae inventore, accusantium optio natus molestias perspiciatis itaque.
Titre de niveau 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid cumque ipsam molestiae adipisci eaque autem et ex, repellat corrupti harum in laboriosam. Suscipit consectetur aliquam earum illum cupiditate rem illo.
Titre de niveau 3
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eum inventore dolorum labore in porro natus illo eos molestiae, perferendis totam obcaecati aspernatur deleniti, distinctio officiis sint optio consequuntur consequatur dignissimos.
Titre de niveau 4
Titre de niveau 5
Titre de niveau 6, un callout
Un callout plus complet
Un titre de niveau 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt, enim numquam. Fuga adipisci voluptate autem. Sit adipisci consequuntur minus odio delectus, nemo atque at tenetur, sequi ullam id eveniet perferendis.
- Hello;
- World;
Des éléments de liste
Une liste sans ordre
- Un élément de liste;
- Un autre élément de liste;
- Un élément de liste imbriqué;
- Un élément de liste loooong : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ad commodi recusandae quia labore quod ab inventore hic eos. Nihil animi suscipit minus numquam nostrum possimus autem alias voluptatem in esse;
- Un élément imbriqué looong : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ad commodi recusandae quia labore quod ab inventore hic eos. Nihil animi suscipit minus numquam nostrum possimus autem alias voluptatem in esse;
Une liste avec ordre
- Une liste ordonnée;
- Un autre élément de liste;
- Un élément de liste imbriqué;
- Un élément de liste loooong : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ad commodi recusandae quia labore quod ab inventore hic eos. Nihil animi suscipit minus numquam nostrum possimus autem alias voluptatem in esse;
Des blocs de code
Un bloc HTML
<!-- Exemple de commentaire HTML -->
<a href="https://apple.fr">Un simple lien</a>
<style>
/* Style imbriqués */
a { color: blue}
</style>Un bloc CSS
/* Test de commentaire */
a { border-top-color: #664477; }
.class { display: none; }Un peu de JavaScript
// Commentaire
const hello = "Hello";
const fun = function nomFonction() {
console.log(hello);
}Un peu d’image aussi
Un SVG inclut dans la page
Un SVG interne à 11ty
Une image externe
Une image interne à 11ty
