NAVIGATION

HTML NAVIGATION gives us three menu options: vertical left, vertical right and horizontal.

The version you’ll want most often, is the horizontal menu. To code it, we just need unordered lists:

<ul class="menu">
    <li class="current"><a href="">Item 1</a></li>
    <li><a href="#">Item 2</a>
        <ul>
            <li><a href="#">Sub Item</a></li>
            <li><a href="#">Sub Item</a></li>
        </ul>
    </li>
    <li><a href="#">Item 3</a></li>
</ul>

If you want a vertical left menu, just add vertical to the opening ul, and if you want a vertical right menu, add vertical right, like so:

<ul class="menu vertical">...</ul>
<ul class="menu vertical right">...</ul>

It really is that simple to code responsive menus with HTML NAVIGATION