Page de contenu

Template pour pages textuelles (avec sidebar) — print-friendly.

Titre de section H2

Ceci est un paragraphe d'introduction. Vous pouvez écrire ici du texte avec des termes en gras, des termes en italique, des liens ou du code inline. Le rendu est optimisé pour la lecture (interlignage, longueur de ligne, contraste).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sollicitudin, augue ac luctus tincidunt, mauris arcu varius nibh, eu consequat tellus mi sit amet diam. Donec finibus, ipsum id pretium ultricies, ligula odio venenatis nulla.

Sous-titre H3

Liste à puces :

  • Premier élément de la liste
  • Deuxième élément avec un lien interne
  • Troisième élément
    • Sous-élément A
    • Sous-élément B
  • Quatrième élément

Liste numérotée :

  1. Première étape
  2. Deuxième étape
  3. Troisième étape

Tableau de données

Un tableau responsive (scrollable horizontalement sur mobile) :

Référence Désignation Unité Quantité Prix HT
REF-001 Audit SEO complet Forfait 1 1 200,00 €
REF-002 Refonte ergonomique Jour 5 4 000,00 €
REF-003 Maintenance mensuelle Mois 12 2 400,00 €
REF-004 Hébergement annuel An 1 480,00 €
Total HT 8 080,00 €

Citation

« La perfection est atteinte, non pas lorsqu'il n'y a plus rien à ajouter, mais lorsqu'il n'y a plus rien à retirer. » Antoine de Saint-Exupéry

Bloc de code

Un exemple de code PHP :

<?php
require_once __DIR__ . '/includes/config.php';

$customers = [
    ['name' => 'Acme SARL', 'city' => 'Lyon'],
    ['name' => 'Beta Studio', 'city' => 'Paris'],
];

include 'assets-php/asset-customers.php';

Encadrés (info / attention / succès)

Information. Cette page utilise un système de composants prose adapté aux contenus longs. Les marges, l'interlignage et la longueur de ligne sont optimisés pour la lisibilité.
Attention. Pensez à activer le mode dev dans config.php pendant le développement, et à le passer en prod avant la mise en ligne.
Bonne pratique. Tous les widgets sont print-friendly : cliquez sur "Imprimer" en haut à droite pour voir le rendu.

Définitions (description list)

Magic link
Méthode d'authentification sans mot de passe : l'utilisateur reçoit un lien à usage unique par email.
CSP (Content Security Policy)
En-tête HTTP qui définit les sources autorisées pour le contenu (scripts, styles, images...) afin de limiter les attaques XSS.
Cerfa
Numéro de formulaire administratif normalisé en France, utilisé ici pour les reçus fiscaux de dons.

Image illustrative

Emplacement pour une image (1200×600px recommandé)
Légende de l'image — décrire ce qu'elle montre.

Deuxième section

Vous pouvez enchaîner les sections normalement. Les H2 ont un peu plus d'air au-dessus pour bien séparer les blocs visuellement, et les titres évitent de se retrouver isolés en bas de page à l'impression grâce à page-break-after: avoid.

Cette page est entièrement print-friendly : sidebar, topbar, footer et boutons d'action sont automatiquement masqués au moment de l'impression. Le contenu prose est aplati en noir sur blanc avec des bordures simples.