snippets

<figure class="figure">
    <img src="..." class="figure-img img-fluid rounded" alt="...">
    <figcaption class="figure-caption text-center">A caption for the above image.</figcaption>
</figure>

<table class="table">
    <thead>
        <tr>
            <th>table header SP1</th>
            <th>table header SP2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>table body SP1</td>
            <td>table body SP2</td>
        </tr>
        <tr>
            <td>table body SP1</td>
            <td>table body SP2</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>table footer SP1</td>
            <td>table footer SP2</td>
        </tr>
    </tfoot>
</table>

<code> ... </code>

{
    "theme-data":
    {
        "name": "Coffee",
        "description": "This is my first theme for Bludit."
    }
}

<pre>
    <code data-language="php" class="hljs json"> ... </code>
</pre>

<div class="note">
    <div class="title">Hinweistitel</div>
    Der Hinweistext kann auch mehrzeilig sein.
</div>