Cornerstone

Local Navigation: Text

The Local Navigation component depends on JavaScript interactions that are tied to the global header. For a complete reference of its behavior and visual presentation, see the homepage layout implementation.

<div class="tcu-nav _is-active">
    <div class="tcu-nav__menu-panel">
        <nav class="tcu-nav__menu">
            <ul class="tcu-nav__main-menu">
                <li class="tcu-nav__category">
                    <div class="tcu-nav__category-title-wrapper">
                        <a href="#">About</a>
                        <button class="tcu-nav__category-button" aria-haspopup="true" aria-expanded="true">
                            <div class="tcu-nav__category-button-icon">
                                <span class="show-for-sr">Contract About Menu</span>
                            </div>
                        </button>
                    </div>
                    <ul class="tcu-nav__dropdown-menu" aria-hidden="false">
                        <li><a href="#">Quick Facts</a></li>
                        <li><a href="#">Our History</a></li>
                        <li><a href="#">Mission, Vision &amp; Values</a></li>
                        <li><a href="#">Our Campus</a></li>
                        <li><a href="#">Traditions</a></li>
                        <li class="tcu-nav__has-dropdown">
                            <div class="tcu-nav__dropdown-title-wrapper">
                                <a href="#">Leadership</a>
                                <button class="tcu-nav__nesting-button" aria-haspopup="true" aria-expanded="true">
                                    <div class="tcu-nav__nesting-button-icon">
                                        <span class="show-for-sr">Contract Leadership Menu</span>
                                    </div>
                                </button>
                            </div>
                            <ul class="tcu-nav__dropdown-menu" aria-hidden="false">
                                <li><a href="#">Our Chancellor</a></li>
                                <li><a href="#">Our President</a></li>
                                <li><a href="#">Our Provost</a></li>
                                <li><a href="#">Board of Trustees</a></li>

                            </ul>

                        </li>
                        <li><a href="#">Diversity, Equity &amp; Inclusion</a></li>
                        <li><a href="#">Strategic Plan</a></li>
                    </ul>
                </li>
                <li class="tcu-nav__category">
                    <div class="tcu-nav__category-title-wrapper">
                        <a href="#">Academics</a>
                        <button class="tcu-nav__category-button" aria-haspopup="true" aria-expanded="true">
                            <div class="tcu-nav__category-button-icon">
                                <span class="show-for-sr">Contract Academics Menu</span>
                            </div>
                        </button>
                    </div>
                    <ul class="tcu-nav__dropdown-menu" aria-hidden="false">
                        <li><a href="#">Majors &amp; Programs</a></li>
                        <li><a href="#">Colleges &amp; Schools</a></li>
                        <li><a href="#">Centers &amp; Institutes</a></li>
                        <li><a href="#">Study Abroad</a></li>
                        <li><a href="#">Career Center</a></li>
                        <li><a href="#">Library</a></li>
                        <li><a href="#">Academic Calendars</a></li>
                        <li><a href="#">Course Catalogs</a></li>
                        <li><a href="#">Research</a></li>
                        <li><a href="#">Phi Beta Kappa</a></li>
                    </ul>
                </li>
                <li class="tcu-nav__category">
                    <div class="tcu-nav__category-title-wrapper">
                        <a href="#">Admission &amp; Aid</a>
                        <button class="tcu-nav__category-button" aria-haspopup="true" aria-expanded="true">
                            <div class="tcu-nav__category-button-icon">
                                <span class="show-for-sr">Contract Admission and Aid Menu</span>
                            </div>
                        </button>
                    </div>
                    <ul class="tcu-nav__dropdown-menu" aria-hidden="false">
                        <li><a href="#">Undergraduate</a></li>
                        <li><a href="#">Graduate</a></li>
                        <li><a href="#">International</a></li>
                        <li><a href="#">Tuition &amp; Cost</a></li>
                        <li><a href="#">Scholarships</a></li>
                        <li><a href="#">Financial Aid</a></li>
                    </ul>
                </li>
                <li class="tcu-nav__category">
                    <div class="tcu-nav__category-title-wrapper">
                        <a href="#">Campus Life</a>
                        <button class="tcu-nav__category-button" aria-haspopup="true" aria-expanded="true">
                            <div class="tcu-nav__category-button-icon">
                                <span class="show-for-sr">Contract Campus Life Menu</span>
                            </div>
                        </button>
                    </div>
                    <ul class="tcu-nav__dropdown-menu" aria-hidden="false">
                        <li><a href="#">Housing &amp; Dining</a></li>
                        <li><a href="#">Clubs &amp; Organizations</a></li>
                        <li><a href="#">Health &amp; Wellness</a></li>
                        <li><a href="#">Arts &amp; Culture</a></li>
                        <li><a href="#">Diversity &amp; Inclusion</a></li>
                        <li><a href="#">Spiritual Life</a></li>
                        <li><a href="#">Life In Fort Worth</a></li>
                        <li><a href="#">Campus Safety</a></li>
                    </ul>
                </li>
                <li class="tcu-nav__category">
                    <div class="tcu-nav__category-title-wrapper">
                        <a href="#">Athletics</a>
                        <button class="tcu-nav__category-button" aria-haspopup="true" aria-expanded="true">
                            <div class="tcu-nav__category-button-icon">
                                <span class="show-for-sr">Contract Athletics Menu</span>
                            </div>
                        </button>
                    </div>
                    <ul class="tcu-nav__dropdown-menu" aria-hidden="false">
                        <li><a href="#">GoFrogs.com</a></li>
                        <li><a href="#">Frog Club</a></li>
                        <li><a href="#">Tickets</a></li>
                        <li><a href="#">HFTV</a></li>
                        <li><a href="#">Licensing</a></li>
                    </ul>
                </li>
            </ul>
            <div class="tcu-nav__secondary-menu">
            </div>
            <div class="tcu-nav__tertiary-menu">
            </div>
        </nav>
    </div>
    <div class="tcu-static-panel-wrapper">
        <div class="tcu-static-panel">
            <div class="tcu-static-panel__cta">
                <div class="tcu-static-panel__cta-title">
                    <section class="tcu-site-name">
                        <div class="tcu-site-name__inner">
                            <div class="tcu-site-name__heading" itemprop="name"><a href="#">News</a></div>
                        </div>
                    </section>
                </div>
            </div>

            <div class="tcu-static-panel__footer">
                <div class="tcu-static-panel__footer-logo">
                    <a class="tcu-logo" href="https://www.tcu.edu/" aria-label="Go to TCU homepage" rel="nofollow">
                        <svg>
                            <title>TCU Logo</title>
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#tcu-header-logo" href="#tcu-header-logo"></use>
                        </svg>
                        Visit TCU.edu </a>
                </div>
                <div class="tcu-static-panel__footer-icons">
                </div>
            </div>
        </div>
    </div>
</div>

<noscript>
    <style>
        .tcu-nav {
            height: unset !important;
            position: relative !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

        .tcu-nav__menu-panel {
            height: unset !important;
        }

        .tcu-nav__main-menu {
            opacity: 1 !important;
        }

        .tcu-nav__secondary-menu {
            opacity: 1 !important;
        }

        .tcu-static-panel {
            position: relative !important;
        }

        .tcu-static-panel__cta-title {
            opacity: 1 !important;
        }

        .tcu-nav .button-group {
            opacity: 1 !important;
        }

        .tcu-static-panel__footer {
            opacity: 1 !important;
        }
    </style>
</noscript>