Primary navigation

Ready

Notes
Info
HTML
View
Context

No notes defined.

Handle: @nav-primary
Variants (5): Springfield , Springfield Campus , West Plains Campus , West Plains , Foundation
Preview:
- With layout
- Component only
Filesystem Path: src/components/03-page-elements-and-patterns/navigation-elements/nav-primary/nav-primary.hbs
Referenced by (26): @campus-masthead, @campus-masthead--foundation-alert, @interior-masthead, @interior-masthead--foundation-alert, @mlp-masthead, @mlp-masthead--foundation-alert, @campus-masthead, @campus-masthead--sgf-alert, @homepage-masthead, @homepage-masthead--sgf-alert, @homepage-masthead--sgf-calendar, @interior-masthead, @interior-masthead--sgf-alert, @mlp-masthead, @mlp-masthead--sgf-alert, @campus-masthead, @campus-masthead--wp-alert, @homepage-masthead, @homepage-masthead--wp-alert, @homepage-masthead--wp-calendar, @interior-masthead, @interior-masthead--wp-alert, @mlp-masthead, @mlp-masthead--wp-alert, @homepage-masthead, @homepage-masthead--foundation-alert


        
        <div class="nav-bar"></div>
<nav class="nav-area">
    <ul class="menu">
        <li class="drop-down">
            <input type="checkbox" id="subnav-dropdown-1" value="" name="subnav-checkbox-1">
            <label for="subnav-dropdown-1" data-toggle="dropdown">
                <a href="https://www.missouristate.edu/about/" aria-label="About MSU" target="_top">About MSU</a>
            </label>
            <ul class="sub-menu">
                <li>
                    <a href="https://publicaffairs.missouristate.edu/" aria-label="Public Affairs Mission">Public Affairs Mission</a>
                </li>
                <li>
                    <a href="https://news.missouristate.edu/" aria-label="News">News</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/research/" aria-label="Research">Research</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/costs/" aria-label="Tuition and Fees">Tuition and Fees</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/visitors/" aria-label="Visitor’s Guide">Visitor’s Guide</a>
                </li>
            </ul>
        </li>
        <li class="drop-down">
            <input type="checkbox" id="subnav-dropdown-2" value="" name="subnav-checkbox-2">
            <label for="subnav-dropdown-2" data-toggle="dropdown">
                <a href="https://www.missouristate.edu/futurestudents/" aria-label="Future Students" target="_top">Future Students</a>
            </label>
            <ul class="sub-menu">
                <li>
                    <a href="https://www.missouristate.edu/futurestudents/applynow.htm" aria-label="Apply Now">Apply Now</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/admissions/" aria-label="Freshman Admission">Freshman Admission</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/Majors/" aria-label="Majors and Programs">Majors and Programs</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/transfer/" aria-label="Transfer">Transfer</a>
                </li>
                <li>
                    <a href="https://graduate.missouristate.edu/" aria-label="Graduate">Graduate</a>
                </li>
                <li>
                    <a href="https://international.missouristate.edu/services/" aria-label="International">International</a>
                </li>
                <li>
                    <a href="https://outreach.missouristate.edu/Online/default.htm" aria-label="Online Programs">Online Programs</a>
                </li>
            </ul>
        </li>
        <li class="drop-down">
            <input type="checkbox" id="subnav-dropdown-3" value="" name="subnav-checkbox-3">
            <label for="subnav-dropdown-3" data-toggle="dropdown">
                <a href="https://www.missouristate.edu/currentstudents/" aria-label="Current Students" target="_top">Current Students</a>
            </label>
            <ul class="sub-menu">
                <li>
                    <a href="https://www.missouristate.edu/Majors/" aria-label="Majors and Programs">Majors and Programs</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/studentengagement/" aria-label="Student Life">Student Life</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/services/" aria-label="Guide to Services">Guide to Services</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/Registrar/Students/registration.htm" aria-label="Registration">Registration</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/financialaid/" aria-label="Financial Aid">Financial Aid</a>
                </li>
                <li>
                    <a href="https://reslife.missouristate.edu/default.htm" aria-label="Residence Life">Residence Life</a>
                </li>
            </ul>
        </li>
        <li class="drop-down">
            <input type="checkbox" id="subnav-dropdown-4" value="" name="subnav-checkbox-4">
            <label for="subnav-dropdown-4" data-toggle="dropdown">
                <a href="https://www.missouristate.edu/facultystaff/" aria-label="Faculty and Staff" target="_top">Faculty and Staff</a>
            </label>
            <ul class="sub-menu">
                <li>
                    <a href="https://www.missouristate.edu/Human/work-for-MSU.htm" aria-label="Work at MSU">Work at MSU</a>
                </li>
                <li>
                    <a href="https://search.missouristate.edu/people" aria-label="Directory">Directory</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/human/" aria-label="Human Resources">Human Resources</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/provost/" aria-label="Office of the Provost">Office of the Provost</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/Human/professional-development.htm" aria-label="Professional Development">Professional Development</a>
                </li>
            </ul>
        </li>
        <li class="drop-down">
            <input type="checkbox" id="subnav-dropdown-5" value="" name="subnav-checkbox-5">
            <label for="subnav-dropdown-5" data-toggle="dropdown">
                <a href="https://alumni.missouristate.edu" aria-label="Alumni" target="_top">Alumni</a>
            </label>
            <ul class="sub-menu">
                <li>
                    <a href="https://alumni.missouristate.edu" aria-label="Alumni Events">Alumni Events</a>
                </li>
                <li>
                    <a href="https://blogs.missouristate.edu/bearbulletin/" aria-label="Alumni News">Alumni News</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/Registrar/Students/TranscriptRequests.htm" aria-label="Transcript Request">Transcript Request</a>
                </li>
                <li>
                    <a href="https://www.missouristatefoundation.org/WaysToGive/default.htm" aria-label="Make a Gift">Make a Gift</a>
                </li>
            </ul>
        </li>
        <li class="drop-down">
            <input type="checkbox" id="subnav-dropdown-6" value="" name="subnav-checkbox-6">
            <label for="subnav-dropdown-6" data-toggle="dropdown">
                <a href="https://www.missouristate.edu/bearsfamilies/" aria-label="Family Programs" target="_top">Family Programs</a>
            </label>
            <ul class="sub-menu">
                <li>
                    <a href="https://www.missouristate.edu/bearsfamilies/familyweekend.htm" aria-label="Family Weekend">Family Weekend</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/Registrar/academic-calendar.htm" aria-label="Important Dates">Important Dates</a>
                </li>
                <li>
                    <a href="https://www.missouristate.edu/Bursar/LoginSetupInstructions.htm" aria-label="Make a Payment">Make a Payment</a>
                </li>
            </ul>
        </li>
        <li class="drop-down">
            <input type="checkbox" id="subnav-dropdown-7" value="" name="subnav-checkbox-7">
            <label for="subnav-dropdown-7" data-toggle="dropdown">
                <a href="https://missouristatebears.com/" aria-label="Athletics" target="_top">Athletics</a>
            </label>
            <ul class="sub-menu">
                <li>
                    <a href="https://missouristatebears.com/tickets" aria-label="Tickets">Tickets</a>
                </li>
                <li>
                    <a href="https://missouristatebears.com/" aria-label="Schedules">Schedules</a>
                </li>
                <li>
                    <a href="https://missouristatebears.com/facilities" aria-label="Facilities">Facilities</a>
                </li>
                <li>
                    <a href="https://missouristatebears.com/sports/2016/8/14/social-media-directory.aspx" aria-label="Social Media">Social Media</a>
                </li>
                <li>
                    <a href="https://www.missouristatefoundation.org/Donors/BearsFund/default.htm" aria-label="Bears Fund">Bears Fund</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>


        <div class="nav-bar"></div>
<nav class="nav-area">
  <ul class="menu">
    {{#each menuOptions}}
      <li class="drop-down">
        <input type="checkbox" id="{{this.id}}" value="" name="{{this.name}}">
          <label for="{{this.id}}" data-toggle="dropdown">
            <a href="{{this.url}}" aria-label="{{this.label}}" target="_top">{{this.label}}</a>
          </label>
          <ul class="sub-menu">
            {{#each this.submenu}}
              <li>
                <a href="{{this.url}}" aria-label="{{this.label}}">{{this.label}}</a>
              </li>
            {{/each}}
          </ul>
      </li>
    {{/each}}
  </ul>
</nav>


        
            
            /* No context defined. */