semantic-elements.html

<header>
    <h1>Dolore magna aliqua</h1>
    <nav>
        <a>Voluptate</a>
        <a>Inceptos</a>
        <a>Bibendum</a>
        <a>Habitant</a>
    </nav>
</header>
<main>
    <header>
        <h1>Orci proin porttitor facilisi in</h1>
    </header>
    <section>
        <h2>Platea porttitor semper</h2>
        <p>
            Platea accumsan mauris cursus maecenas non porta arcu. Feugiat accumsan ridiculus habitant mattis nam curabitur.
        </p>
        <p>
            Nulla egestas massa senectus egestas egestas hendrerit vulputate magnis. Praesent vel velit mus sagittis nostra porttitor.
        </p>
    </section>
    <section>
        <h2>Platea accumsan mauris cursus maecenas non porta</h2>
        <p>
            Feugiat accumsan ridiculus habitant mattis nam curabitur. Nulla egestas massa senectus egestas egestas hendrerit vulputate magnis.
        </p>
        <p>
            Lorem proin habitant in arcu faucibus. Orci facilisi hendrerit nisl magna velit lacinia urna lacinia.
        </p>
    </section>
</main>
<footer>
    <p>Massa sociosqu volutpat platea aptent.</p>
</footer>