test

<article>
    <section>
        <h1>General</h1>
        <p>Unit outline</p>
        <aside>Unit description<br />Learning outcomes</aside>
        <figure>
            <img src=" https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/512px-HTML5_logo_and_wordmark.svg.png" />
            <figcaption>Fig 1: An image.</figcaption>
        </figure>
    </section>
    <section>
        <h1>Assignment 2</h1>
        <p>HTML, CSS, JavaScript and jQuery: 20%</p>
        <p>Our progress:</p>
        <ul>
            <li>
                Indeterminate: <span>0</span>
                <progress max="20"></progress>
                <span>100</span>
            </li>
            <li>
                Determinate:&nbsp;&nbsp; <span>0</span>
                <progress value="20" max="100"></progress>
                <span>100</span>
            </li>
        </ul>
        <p>
            We are learning <mark>HTML5</mark> in this tutorial.
        </p>
    </section>
</article>

<header>
        <h1>Creating a layout container in HTML5</h1>
    </header>
    <section>
        <div> Page header</div>
        <div>Left side</div>
        <div>Right side</div>
        <div>Footer</div>
        <table>
            <tr>
                <td colspan="3">Header</td>
            </tr>
            <tr>
                <td rowspan="3">Left Bar</td>
                <td rowspan="3">Main Content</td>
                <td>Right Side Top</td>
            </tr>
            <tr>
                <td>Right Side Middle</td>
            </tr>
            <tr>
                <td>Right Side Bottom</td>
            </tr>
            <tr>
                <td colspan="3">Footer</td>
            </tr>
        </table>
    </section>
<h1>Pre-HTML5</h1>
    <h2>Assignments and Exams</h2>
    <h3>Assignments</h3>
    <h4>Assignment 1</h4>
    <h4>Assignment 2</h4>
    <h3>Exams</h3>
    <h4>Final Exam</h4>
    <h4>Deferred Exam</h4>

    <h1>HTML5</h1>
    <section>
        <h1>Assignments and Exams</h1>
        <section>
            <h1>Assignments</h1>
            <section>
                <h1>Assignment 1</h1>
            </section>
            <section>
                <h1>Assignment 2</h1>
            </section>
        </section>
        <section>
            <h1>Exams</h1>
            <section>
                <h1>Final Exam</h1>
            </section>
            <section>
                <h1>Deferred Exam</h1>
            </section>
        </section>
    </section>