<div class="ds-prose">

    <h1>Page d'exemple de contenu éditorial</h1>
    <hr>
    <p><strong>Niveaux de titre</strong></p>
    <h1>Titre de niveau 1</h1>
    <h2>Titre de niveau 2</h2>
    <h3>Titre de niveau 3</h3>
    <h4>Titre de niveau 4</h4>
    <h5>Titre de niveau 5</h5>
    <h6>Titre de niveau 6</h6>
    <hr>
    <p><strong>Paragraphe</strong></p>
    <p>Lorem ipsum <strong>dolor sit</strong> amet, consectetur <em>adipiscing elit</em>. Vivamus luctus <a href="#">urna sed urna ultricies</a> ac tempor dui sagittis.</p>
    <hr>
    <p><strong>Liste à puces</strong></p>
    <ul>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Consectetur adipiscing elit</li>
        <li>Sed do eiusmod tempor</li>
    </ul>
    <p><strong>Liste ordonnée</strong></p>
    <ol>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Consectetur adipiscing elit</li>
        <li>Sed do eiusmod tempor</li>
    </ol>
    <hr>
    <p><strong>Citation</strong></p>
    <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta.</blockquote>
    <hr>
    <p><strong>Code</strong></p>
    <pre><code>&lt;div class=&quot;demo&quot;&gt;
    &lt;p&gt;Lorem ipsum dolor sit amet.&lt;/p&gt;
&lt;/div&gt;
</code></pre>
    <hr>
    <p><strong>Tableau</strong></p>
    <table>
        <thead>
            <tr>
                <th>Colonne 1</th>
                <th>Colonne 2</th>
                <th>Colonne 3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Cellule 1</td>
                <td>Cellule 2</td>
                <td>Cellule 3</td>
            </tr>
            <tr>
                <td>Cellule 1</td>
                <td>Cellule 2</td>
                <td>Cellule 3</td>
            </tr>
        </tbody>
    </table>

</div>