<div>
    <table class="pad-courselist">
        <thead><tr><th>Test</th><th>result</th></tr></thead>
        <tbody>
            <tr class="pad-test-flat-data">
                <td>flat data: \{\{world}}</td><td>{{world}}</td>
            </tr>
            <tr class="pad-test-layered-data">
                <td>layered data: \{\{hello->world}} </td><td>{{hello->world}}</td>
            </tr>
            <tr class="pad-test-outside-data">
                <td>outside data: \{\{testValue}} </td><td>{{testValue}}</td>
            </tr>
            <tr class="pad-test-outside-data-layered">
                <td>outside layered data: \{\{test->data}} </td><td>{{test->data}}</td>
            </tr>
            <tr class="pad-test-img-string-alt">
                <td>img with { attribute</td><td><img src="" alt="{{hello->world}}"></td>
            </tr>
            <tr class="pad-test-img-bound-alt">
                <td>img with _: attribute</td><td><img src="" _:alt:_="hello->world"></td>
            </tr>
            <tr class="pad-test-condition-true">
                <td>conditional (correct, string): \{\{?hello->world?"Successful":"Dont Show"}}</td><td>{{?hello->world?"Successful":"Dont Show"}}</td>
            </tr>
            <tr class="pad-test-condition-false">
                <td>conditional (incorrect, data): \{\{? invalid ? "" : world }}</td><td>{{? invalid ? "" : world }}</td>
            </tr>
            <tr class="pad-test-null-condition">
                <td>null-conditional: \{\{?? invalid ?? world}}</td><td>{{?? invalid ?? world}}</td>
            </tr>
        </tbody>
    </table>
</div>