You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

 

<div class="nav-holder">
    <h1>Main Menu</h1>
    <nav id="nav">
        <ul>
            <li class="active arrow">
                <a href="#" tabindex="4">Home</a>
                <div class="dropdown">
                    <h1 class="dropdown-opener"><a href="#"></h1>
                    <ul>
                        <li><a href="#">Second Level Item 01</li>
                        <li class="active arrow">
                            <a href="#">Second Level Item 02</a>
                            <div class="submenu-holder">
                                <h1 class="submenu-holder-opener"><a href="#">Third Level</a> </h1>
                                <ul class="submenu">
                                    <li><a href="#">Third Level Item 01</a></li>
                                    <li><a href="#">Third Level Item 02</a></li>
                                    <li class="active"><a href="#">Third Level Item 03</a></li>
                                    <li><a href="#">Third Level Item 04 - With a Long Title</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">Second Level Item 03</a></li>
                        <li><a href="#">Second Level Item 04</a></li>
                        <li><a href="#">Second Level Item 05</a></li>
                        <li><a href="#">Second Level Item 06</a></li>
                        <li><a href="#">Third Level Item 07 - With a Long Title</a></li>
                    </ul>
                </div>
            </li>
            <li><a href="#" tabindex="5">Movies</a></li>
            <li><a href="#" tabindex="6">Recreation</a></li>
            <li><a href="#" tabindex="7">Fitness &amp; Sports</a></li>
            <li><a href="#" tabindex="8">Dining</a></li>
            <li><a href="#" tabindex="9">Liberty</a></li>
            <li><a href="#" tabindex="10">Child &amp; Youth</a></li>
            <li><a href="#" tabindex="11">Jobs</a></li>
            <li class="last"><a href="#" tabindex="12">More</a></li>
        </ul>
    </nav>
</div>