Main Navigation

<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">
                                <a href="#" class="btn-back">Back</a>
                                <h2>{Landing Page TItle of Previous}</h2>
                                <ul>
                                    <li><a href="#">Sub Section 01</a></li>
                                    <li class="active arrow">
                                        <a href="#">Sub Section 02</a>
                                        <div class="submenu-holder">
                                            <a href="#" class="btn-back">Back</a>
                                            <h2>{Landing Page TItle of Previous}</h2>
                                            <ul class="submenu">
                                                <li><a href="#">Third Level 01</a></li>
                                                <li class="active"><a href="#">Third Level 02</a></li>
                                                <li><a href="#">Third Level Item 03</a></li>
                                                <li><a href="#">Third Level Item 04</a></li>
                                                <li><a href="#">Third Level Item 05 - LONG ROW TEXT Second Row Here</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li><a href="#">Sub Section 03</a></li>
                                    <li><a href="#">Sub Section 04</a></li>
                                    <li><a href="#">Sub Section 05</a></li>
                                    <li><a href="#">Sub Section 06 - LONG ROW TEXT Second Row Here</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="arrow"><a href="#" tabindex="5">Movies</a></li>
                        <li><a href="#" tabindex="5">Events</a></li>
                        <li><a href="#" tabindex="6">Recreation</a></li>
                        <li><a href="#" tabindex="7">Fitness</a></li>
                        <li><a href="#" tabindex="8">Child &amp; Youth</a></li>
                        <li><a href="#" tabindex="9">Lodging</a></li>
                        <li><a href="#" tabindex="10">Dining</a></li>
                        <li><a href="#" tabindex="11">Jobs</a></li>
                        <li class="last arrow">
                            <a href="#" tabindex="12">About</a>
                            <div class="dropdown">
                                <a href="#" class="btn-back">Back</a>
                                <h2>{Landing Page TItle of Previous}</h2>
                                <ul>
                                    <li><a href="#">Sub Section 01</li>
                                    <li class="active arrow">
                                        <a href="#">Sub Section 02</a>
                                        <div class="submenu-holder">
                                            <a href="#" class="btn-back">Back</a>
                                            <h2>{Landing Page TItle of Previous}</h2>
                                            <ul class="submenu">
                                                <li><a href="#">Third Level 01</a></li>
                                                <li class="active"><a href="#">Third Level 02</a></li>
                                                <li><a href="#">Third Level Item 03</a></li>
                                                <li><a href="#">Third Level Item 04</a></li>
                                                <li><a href="#">Third Level Item 05 - LONG ROW TEXT Second Row Here</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li><a href="#">Sub Section 03</a></li>
                                    <li><a href="#">Sub Section 04</a></li>
                                    <li><a href="#">Sub Section 05</a></li>
                                    <li><a href="#">Sub Section 06 - LONG ROW TEXT Second Row Here</a></li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </nav>
            </div>