MENU & Dropdown

MENU

<nav>
    <ul>
        <li><a>menu item</a></li>
        <li><a>menu item</a></li>
        <li><a>menu item</a></li>
    </ul>
</nav>

Dropdown(or Submenu)

Simple
<ul>
    <li><a>Dropdown Item</a></li>
    <li><a>Dropdown Item</a></li>
    <li><a>Dropdown Item</a></li>
</ul>

Bilayer
<div>
    <ul>
        <li><a>Dropdown Item</a></li>
        <li><a>Dropdown Item</a></li>
        <li><a>Dropdown Item</a></li>
    </ul>
    <ul>
        <li><a>Dropdown Item</a></li>
        <li><a>Dropdown Item</a></li>
        <li><a>Dropdown Item</a></li>
    </ul>
</div>

Multi-layer
<div>
    <section>
        <ul>
            <li><a>Dropdown Item</a></li>
            <li><a>Dropdown Item</a></li>
            <li><a>Dropdown Item</a></li>
        </ul>
        <ul>
            <li><a>Dropdown Item</a></li>
            <li><a>Dropdown Item</a></li>
            <li><a>Dropdown Item</a></li>
        </ul>
    </section>
    <section>
        <ul>
            <li><a>Dropdown Item</a></li>
            <li><a>Dropdown Item</a></li>
            <li><a>Dropdown Item</a></li>
        </ul>
        <ul>
            <li><a>Dropdown Item</a></li>
            <li><a>Dropdown Item</a></li>
            <li><a>Dropdown Item</a></li>
        </ul>
    </section>
</div>

Menu with Dropdown

Menu with Simple Dropdown
<nav>
    <ul>
        <li>
            <a>Menu Item</a>
            <ul>
                <li><a>Dropdown Item</a></li>
                <li><a>Dropdown Item</a></li>
                <li><a>Dropdown Item</a></li>
            </ul>
        </li>
        <li>
            <a>Menu Item</a>
            <ul>
                <li><a>Dropdown Item</a></li>
                <li><a>Dropdown Item</a></li>
                <li><a>Dropdown Item</a></li>
            </ul>
        </li>
        <li>
            <a>Menu Item</a>
            <ul>
                <li><a>Dropdown Item</a></li>
                <li><a>Dropdown Item</a></li>
                <li><a>Dropdown Item</a></li>
            </ul>
        </li>
    </ul>
</nav>

Menu with Simple Dropdown
<nav>
    <ul>
        <li>
            <a>Menu Item</a>
            <ul>
                <li><a>Dropdown Item</a></li>
                <li><a>Dropdown Item</a></li>
                <li><a>Dropdown Item</a></li>
            </ul>
        </li>
    </ul>
</nav>
<nav>
    <ul>
        <li>
            <a>
                Menu Item
                <ul>
                    <li><a>Dropdown Item</a></li>
                    <li><a>Dropdown Item</a></li>
                    <li><a>Dropdown Item</a></li>
                </ul>
            </a>
        </li>
    </ul>
</nav>

Menu with Bilayer Dropdown
<nav>
    <ul>
        <li>
            <a>Menu Item</a>
            <div>
                <ul>
                    <li><a>Dropdown Item</a></li>
                    <li><a>Dropdown Item</a></li>
                    <li><a>Dropdown Item</a></li>
                </ul>
                <ul>
                    <li><a>Dropdown Item</a></li>
                    <li><a>Dropdown Item</a></li>
                    <li><a>Dropdown Item</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a>Menu Item</a>
            <div>
                <ul>
                    <li><a>Dropdown Item</a></li>
                    <li><a>Dropdown Item</a></li>
                    <li><a>Dropdown Item</a></li>
                </ul>
                <ul>
                    <li><a>Dropdown Item</a></li>
                    <li><a>Dropdown Item</a></li>
                    <li><a>Dropdown Item</a></li>
                </ul>
            </div>
        </li>
    </ul>
</nav>