Rich Content

<div class="dso-rich-content">
    <h1>Kop 1</h1>
    <h2>Kop 2</h2>
    <h3>Kop 3</h3>
    <h4>Kop 4</h4>
    <p>We ondersteunen <em>emphasis</em>, <strong>strong</strong>, <i>italic</i>, <b>bold</b> en <u>underline</u>.</p>
    <p>Een <a href="#" class="extern">externe link</a> maak je zo</p>
    <p>
        <img src="../../dummy/images/avatar.png" alt="Alternatieve tekst">
    </p>
    <ul>
        <li>Ongesorteerde lijst</li>
        <li>Item 2</li>
    </ul>
    <ol>
        <li>Gesorteerde lijst</li>
        <li>Item 2</li>
    </ol>
    <blockquote>
        <p>Citeren doen we zo</p>
    </blockquote>
    <p>Zo maken we een <em>horizontal rule</em></p>
    <hr />
    <p>Een tabel kan dit:</p>
    <table>
        <caption class="sr-only">Overzicht van gebruikersnamen</caption>
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Voornaam</th>
                <th scope="col">Achternaam</th>
                <th scope="col">GitHub gebruikersnaam</th>
                <th scope="col">Modifier</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">1</th>
                <td>Fabien</td>
                <td>Potencier</td>
                <td>fabpot</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr>
                <th scope="row">2</th>
                <td>Andrew</td>
                <td>Nesbitt</td>
                <td>andrew</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr>
                <th scope="row">3</th>
                <td>Taylor</td>
                <td>Otwell</td>
                <td>taylorotwell</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr class="active">
                <th scope="row">4</th>
                <td>Hugo</td>
                <td>Giraudel</td>
                <td>HugoGiraudel</td>
                <td>
                    <code>tr.active</code>
                </td>
            </tr>
            <tr>
                <th scope="row">5</th>
                <td>Thibault</td>
                <td>Duplessis</td>
                <td>ornicar</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr class="success">
                <th scope="row">6</th>
                <td>Juho</td>
                <td>Vepsäläinen</td>
                <td>bebraw</td>
                <td>
                    <code>tr.success</code>
                </td>
            </tr>
            <tr>
                <th scope="row">7</th>
                <td>Alex</td>
                <td>Crichton</td>
                <td>alexcrichton</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr>
                <th scope="row">8</th>
                <td>Josh</td>
                <td>Abernathy</td>
                <td>joshaber</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr class="info">
                <th scope="row">9</th>
                <td>Mike</td>
                <td>McNeil</td>
                <td>mikermcneil</td>
                <td>
                    <code>tr.info</code>
                </td>
            </tr>
            <tr>
                <th scope="row">10</th>
                <td>Ben</td>
                <td>Balter</td>
                <td>benbalter</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr>
                <th scope="row">11</th>
                <td>Brandon</td>
                <td>Keepers</td>
                <td>bkeepers</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr class="warning">
                <th scope="row">12</th>
                <td>Brent</td>
                <td>Jackson</td>
                <td>jxnblk</td>
                <td>
                    <code>tr.warning</code>
                </td>
            </tr>
            <tr>
                <th scope="row">13</th>
                <td>Yegor</td>
                <td>Bugayenko</td>
                <td>yegor256</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr>
                <th scope="row">14</th>
                <td>Kenneth</td>
                <td>Reitz</td>
                <td>kennethreitz</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr class="danger">
                <th scope="row">15</th>
                <td>Graham</td>
                <td>Campbell</td>
                <td>GrahamCampbell</td>
                <td>
                    <code>tr.danger</code>
                </td>
            </tr>
            <tr>
                <th scope="row">16</th>
                <td>Kamran</td>
                <td>Ahmed</td>
                <td>kamranahmedse</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
            <tr>
                <th scope="row">17</th>
                <td>Katrina</td>
                <td>Owen</td>
                <td>kytrinyx</td>
                <td>
                    <code>tr</code>
                </td>
            </tr>
        </tbody>
    </table>

    <p>Een lijst met definities gaat zo:</p>
    <dl>
        <dt>Thema</dt>
        <dd>Wonen en Werken</dd>
        <dt>Regelkwalificatie</dt>
        <dd>Instructieregels</dd>
        <dt>Onderwerp</dt>
        <dd>Bedrijventerrein</dd>
        <dt>Functie</dt>
        <dd>Bedrijventerrein &gt; Bedrijventerrein</dd>
        <dt>Type regel</dt>
        <dd>Bindend voor bestuursorganen</dd>
        <dt>Normadressaat</dt>
        <dd>Gemeentebestuur / Provinciebestuur</dd>
        <dt>Pneumonoultramicroscopicsilicovolcanoconiosis</dt>
        <dd>Een factitious (quasi-fictieve) vorm van pneumoconiose (stoflongen), veroorzaakt door het inademen van microscopisch kleine silicadeeltjes uit vulkanen.</dd>
    </dl>

</div>