Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>Semantic Blog Layout</title>
    </head>
    <body>

        <header>
            <h1>1>News</h1>
            <nav>
                <ul>
                    <li><a href="#">Sport</a></li>
                    <li><a href="#">Music</a></li>
                </ul>
            </nav>

        </header>

        <main>
            <section>
                <header><h2>Sport</h2></header>
                <article>
                    <h4>The Woman Who Outruns the Men, 200 Miles at a Time</h4>
                    <p></p>
                    <p></p>
                    <p></p>
                    <time>2</time>
                </article>
                <article>
                    <h4></h4>
                    <p></p>
                    <p></p>
                    <p></p>
                    <time></time>
                </article>
            </section>
            <section>
                <header><h2></h2></header>
                <article>
                    <h4></h4>
                    <p></p>
                    <p></p>
                    <p></p>
                    <time></time>
                </article>
                <article>
                    <h4></h4>
                    <p></p>
                    <p></p>
                    <p></p>
                    <time></time>
                </article>
            </section>

        </main>

        <footer>
            <p>w</p>
            <p><a href="#">3</a></p>
        </footer>
    </body>
</html>